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

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

บทความอื่นๆ ที่น่าสนใจ!
ไอ้แตงโมดอทคอมวันนี้จะมานำเสนอ วิธีแปลงไฟล์เอกสาร word เป็น pdf แบบไม่เพี้ยน 100%
Uploadify คือ jquery ที่จะมาช่วยอำนวยความสะดวกในการอัพโหลดไฟล์
บทความนี้เราจะมานำเสนอแอพพลิเคชั่นเพิ่มข้อความบรรยายลงบนรูปของคุณง่ายๆ ด้วยฟ้อนต์ไทยสวยๆ หลายรูปแบบ พร้อมการแชร์รูปลง facebook นั่นก็คือ “Textfx” และที่สำคัญคือแอพนี้ฟรีค่ะ
FlatIcons จะเปลี่ยนหน้าตาของ icon รวมถึงเมนูต่างๆ บนไอโฟนของคุณให้เป็น แบบ 2 มิติ คล้ายๆ windows 8 นั่นเอง โดยที่ icon แอพของระบบต่างๆ จะถูกเปลี่ยนไปทั้งหมด
class.upload คืออะไร class.upload คือตัวช่วยที่จะทำให้เราสามารถอัพโหลดไฟล์รูปให้สะดวกขึ้น
ตามเราได้บน facebook