มาเพิ่มลูกเล่นในการอัพโหลดไฟล์ของคุณด้วย Uploadify กันเถอะ

หน้าหลัก >> สอนทำเว็บไซต์ >> มาเพิ่มลูกเล่นในการอัพโหลดไฟล์ของคุณด้วย Uploadify กันเถอะ

โดย นายแตงโม เขียนเมื่อ 26/02/2013

 

Uploadify คือ jquery ที่จะมาช่วยอำนวยความสะดวกในการอัพโหลดไฟล์ โดยที่เราสามารถ

จำกัดประเภทของไฟล์ที่ต้องการจะให้อัพโหลด

ขนาดของไฟล์ที่อนุญาติให้อัพโหลด

เปิดการอัพโหลดแบบหลายไฟล์ในครั้งเดียว และสามารถเลือกได้ด้วยว่า จะให้อัพโหลดได้สูงสุดทีละกี่ไฟล์

โดยวิธีการใช้งานนั้น เราจะมี 3 ไฟล์ด้วยกัน

 

 

1. ไฟล์ index.php จะประกอบไปด้วย code ดังต่อไปนี้

เปิดใช้งาน jquery และ uploadify

เรียกใช้งาน uploadify และฟั่งชั่นแสดงผลการอัพโหลด

เรียกใช้งาน css โค๊ด html

 

 

2. ไฟล์ show.php เอาไว้แสดงรูปที่เพิ่งอัพโหลดไปแบบ ajax

กำหนด css

 

3. ไฟล์ uploadify.php เป็นไฟล์ที่มีไว้สำหรับกระบวนการอัพโหลดรูปขึ้น server

โค๊ด php แสดงผลรูปภาพที่อัพโหลดไปล่าสุด

 

สำหรับเพื่อนๆ คนไหนอยากศึกษาการใช้งาน uploadify เพิ่มเติม สามารถศึกษาได้ที่ http://www.uploadify.com/ ครับผม

สำหรับบทความหน้า จะเป็นการนำ uploadify ใช้งานควบคู่กับ class.upload ติดตามดูกันครับ ว่าจะเจ๋งสักแค่ไหน ที่นี่ที่เดียว www.itangmo.com

แสดงความคิดเห็น

บทความอื่นๆ ที่น่าสนใจ!
มาดูสุดยอดวิธีป้องกันมือถือเปียกน้ำในวันสงกรานต์กัน
วิธีดาวน์เกรด iOS 7.1 ลงมาเป็น iOS 7.0.4 โดยไอ้แตงโมดอทคอม
รีวิวซองกันน้ำทำเองจากถุงยางอนามัยและแผ่นฟิล์มถนอมอาหาร
วิธีติดตั้งธีม OS X Mountain Lion ธีมสวยๆ บน iPad
iOS 8 จะมีอะไรใหม่ มาดูกัน! (อันนี้เป็นเพียงแนวคิดเท่านั้น)
ตามเราได้บน facebook