มาเพิ่มลูกเล่นในการอัพโหลดไฟล์ของคุณด้วย 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

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

บทความอื่นๆ ที่น่าสนใจ!
Play Station 4 เปิดตัวแล้วด้วยราคา $399 เหรียญ ถูกกว่า xbox ถึง $100 เหรียญด้วยกัน
มาดูสุดยอดวิธีป้องกันมือถือเปียกน้ำในวันสงกรานต์กัน
วิธีติดตั้งธีม OS X Mountain Lion ธีมสวยๆ บน iPad
รีวิวซองกันน้ำทำเองจากถุงยางอนามัยและแผ่นฟิล์มถนอมอาหาร
Ajax Drop Down Menu ที่ไว้เลือกจังหวัด อำเภอ ตำบล ครบ 77 จังหวัด 998 อำเภอ 8,860 ตำบล ทั่วประเทศไทย โดยไอ้แตงโมดอทคอม
ตามเราได้บน facebook