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

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

บทความอื่นๆ ที่น่าสนใจ!
คลอดออกมาแล้วสำหรับโลโก้ตัวใหม่ของ YAHOO!
วันนี้ไอ้แตงโมจะมารีวิวเกมส์น่ารักดุ๊กดิ๊กอย่าง "Pudding Monters" เป็นเกมส์แนว Puzzle ผจญภัยช่วยเจ้าพุ๊ดดิ้งแหกตู้เย็นค่ะ รับรองว่าเล่นเพลินแน่นอน
รีวิวซองกันน้ำทำเองจากถุงยางอนามัยและแผ่นฟิล์มถนอมอาหาร
หน้าตาล็อคอินของ ios 7 เป็นแบบไหนเรามาดูกัน!
บทความนี้เราจะมานำเสนอแอพพลิเคชั่นเพิ่มข้อความบรรยายลงบนรูปของคุณง่ายๆ ด้วยฟ้อนต์ไทยสวยๆ หลายรูปแบบ พร้อมการแชร์รูปลง facebook นั่นก็คือ “Textfx” และที่สำคัญคือแอพนี้ฟรีค่ะ
ตามเราได้บน facebook