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

 75 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 16/06/2017


ตัวอย่างการเขียน 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   โปรแกรมมิ่ง  
 75 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 16/06/2017



SOA,Java,XSLT

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




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

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

  Semantic UI เทคนิคการใช้งาน Icon แบบละเอียด ถามเมื่อ (2017-06-06)   77 views  (ดูล่าสุดเมื่อ 10 นาที)

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

  Java Read Folder ขอตัวอย่าง Code Java ในการอ่านไฟล์ใน Folder ครับ ถามเมื่อ (2012-09-25)   1,479 views  (ดูล่าสุดเมื่อ 48 นาที)

  adobe flex คือ อะไรครับ ต่างจาก flash ยังไง ถามเมื่อ (2015-08-28)   1,537 views  (ดูล่าสุดเมื่อ 120 นาที)

  อยากได้วิธีใช้ nero 9 ตัวเต็มอ่ะครับ ถามเมื่อ (2011-09-29)   1,371 views  (ดูล่าสุดเมื่อ 153 นาที)

  iReport คืออะไร iReport ต่างจาก Crystal Report อย่างไร ถามเมื่อ (2011-07-21)   1,920 views  (ดูล่าสุดเมื่อ 159 นาที)

  Oracle Format Date แบบนี้ 30 DEC 2014 ทำอย่างไรครับ ถามเมื่อ (2017-03-03)   850 views  (ดูล่าสุดเมื่อ 165 นาที)

  datatable change label เปลี่ยนข้อความในจุดต่างๆ ของ datable ด้วย oLanguage ถามเมื่อ (2017-06-01)   84 views  (ดูล่าสุดเมื่อ 181 นาที)

  datatables เปลี่ยน default rows per page จำนวน Record ที่แสดงต่อหน้า ถามเมื่อ (2017-06-01)   77 views  (ดูล่าสุดเมื่อ 219 นาที)

  jQuery กำหนดให้รอ response จาก AJAX ด้วย option async ถามเมื่อ (2017-08-21)   45 views  (ดูล่าสุดเมื่อ 222 นาที)


 

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