jQuery file upload ด้วย AJAX บน Semantic UI  สร้างคำถาม

 1,760 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 01/06/2019

jQuery file upload ด้วย AJAX บน Semantic UI

ตัวอย่างการเขียน file upload ด้วย jQuery
โดย commit ผ่าน ajax



$(document).ready(function () {
$(":button").click(function(){
var formData = new FormData($("#myform")[0]);
$.ajax({
url : 'http://127.0.0.1/demo/form/submitUpload',
type : 'POST',
data : formData,
processData: false, // tell jQuery not to process the data
contentType: false, // tell jQuery not to set contentType
success : function(data) {
console.log(data);
// alert(data);
}
});
});

//กรณีที่เราซ่อน input type file ไว้แล้ว เอา text มารับค่าแทน (เป็นการตกแต่ง)
$(".inp-file").change(function(){
var name=$(this).attr("name");
$('#_'+name).val($(this).val());
});
});

ตัวอย่างเพิ่มเติมพร้อม HTML ตามนี้เลย
jQuery file upload Example


ถ้าชอบบทความนี้ กด Like เลย :jQuery file upload ด้วย AJAX บน Semantic UI
TAGS : Javascript   Jquery   semantic ui   Programming   โปรแกรมมิ่ง  
 1,760 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 01/06/2019



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่




× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  แนะนำ เว็บจัด Format SQL Command ให้ดูง่ายๆ ถามเมื่อ (2017-03-03)   2,207 views  (ดูล่าสุดเมื่อ 17 นาที)

  synchronized java คืออะไรครับ ถามเมื่อ (2014-05-16)   2,424 views  (ดูล่าสุดเมื่อ 24 นาที)

  CodePro สุดยอด tools แห่ง code coverage ถามเมื่อ (2013-07-12)   2,499 views  (ดูล่าสุดเมื่อ 32 นาที)

  สมเกียรติ เขมะจารัง ถามเมื่อ (2011-10-23)   2,161 views  (ดูล่าสุดเมื่อ 57 นาที)

  วิธีเปิด static ให้กับ data source บน JBOSS ถามเมื่อ (2018-01-29)   1,611 views  (ดูล่าสุดเมื่อ 61 นาที)

  Spring Boot คืออะไร ต่างจาก Spring Framework ยังไง ถามเมื่อ (2018-12-21)   4,284 views  (ดูล่าสุดเมื่อ 63 นาที)

  ตัวอย่างการใช้ Regular Expressions ใน REGEXP_REPLACE ของ Oracle ถามเมื่อ (2017-01-18)   5,565 views  (ดูล่าสุดเมื่อ 64 นาที)

  Javascript เก็บค่าลง localStorage กับ SessionStorage ต่างกันอย่างไร ถามเมื่อ (2017-12-26)   2,059 views  (ดูล่าสุดเมื่อ 69 นาที)

  ng model ใน AngularJS คือ อะไร ถามเมื่อ (2015-06-18)   1,824 views  (ดูล่าสุดเมื่อ 77 นาที)

  Ireport เทคนิคการทำแบบฟอร์มด้วย Image Background ถามเมื่อ (2018-12-18)   1,642 views  (ดูล่าสุดเมื่อ 79 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com