jQuery จะ upload ไฟล์รูป ไปยังไงคะ??

[nannkam]

หนูสร้าง form ให้กรอกข้อมูลต่างๆ แล้วใช้  $.post(url, $('form').serialize(), function(data) { 

แต่ไม่สามารถ upload ไฟล์รูปได้เลยค่ะ

ไม่ทราบว่า jQuery นี่จะ upload ไฟล์รูปไปอย่างไรคะ??? (งงทั้งวันเลยค่ะ) 

[goldxp]

http://malsup.com/jquery/form/#file-upload

ajax ไม่มี upload file ครับ แต่มีวิธีอ้อมๆ อย่าง iframe
แล้วก็สมัยใหม่ html5 มีอะไรใหม่บ้างหรือเปล่าไม่แน่ใจครับ 

[zest_th]

ลองสร้าง php upload รูป ช่วยมั้ยครับ โดยส่ง url รูป ให้ jQuery แล้วเรียก php ให้ช่วยดูดรูปแทน
code ก็น่าจะประมาณนี้

โค้ด เลือก ขยาย


       $ch = curl_init($source);
       $fp = fopen($output, 'wb');
       curl_setopt($ch, CURLOPT_FILE, $fp);
       curl_setopt($ch, CURLOPT_HEADER, 0);
       curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
       curl_exec($ch);
       curl_close($ch);
       fclose($fp);


ปล. code นี้ ดูดรูปได้จากทุกแหล่งครับ

[nagis]

ผมไม่ได้ใช้ jQuery นานแล้ว (ย้ายไป angular แล้ว)
แต่ถ้าถามว่าใช้ ajax upload file ได้ไหม ตอบว่าทำได้นะครับ อันนี้ตัวอย่าง

โค้ด เลือก ขยาย

http://nervgh.github.io/pages/angular-file-upload/examples/without-bootstrap/

ส่วนวิธีทำอันนี้ต้องลองหาอ่านดู

[goldxp]

ผมไม่ได้ใช้ jQuery นานแล้ว (ย้ายไป angular แล้ว)
แต่ถ้าถามว่าใช้ ajax upload file ได้ไหม ตอบว่าทำได้นะครับ อันนี้ตัวอย่าง

โค้ด เลือก ขยาย

http://nervgh.github.io/pages/angular-file-upload/examples/without-bootstrap/

ส่วนวิธีทำอันนี้ต้องลองหาอ่านดู

ครับผม ตกข่าวไปนาน ช่วงแรกๆ ใช้ iframe หลอก เวอร์ชั่นใหม่ทำได้แล้ว
http://stackoverflow.com/questions/543926/is-it-possible-to-use-ajax-to-do-file-upload