Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 106,792

HOME > บทความจากสมาชิก > Uploadify เพิ่มความสามารถในการ Upload ไฟล์ด้วย Library Uploadify (jQuery)

Uploadify เพิ่มความสามารถในการ Upload ไฟล์ด้วย Library Uploadify (jQuery)

Uploadify เพิ่มความสามารถในการ Upload ไฟล์ด้วย Library Uploadify (jQuery) สำหรับ Uploadify พัฒนาด้วยทำงานร่วมกับ jQuery ทำให้ง่ายต่อการใช้งานและเขียน Code เพียงสั้น ๆ ก็สามารถเรียกใช้ได้ในทันที ความสามารถนั้นจะเป็นการเพิ่มความสามารถในการอัพโหลดที่สามารถทำงานในรูปแบบของ Ajax คือไม่ต้อง Refresh หน้าเว็บ อีกทั้งยังแสดง Progress Bar และเปอร์เซ็นต์ที่กำลังอัพโหลด และความสามารถอื่น ๆ อีกมามายที่สามารถพัฒนาร่วมกับ Ajax ได้อย่างไม่ยาก และ Uploadify ยังสามารถพัฒนาร่วมกับโปรแกรมได้หลายภาษา เช่น PHP , ASP , ASP.NET หรือ JSP

Screenshot

PHP Uploadify

Download Uploadify Library

http://www.uploadify.com/download/

สร้างไฟล์ form_upload.php และ uploadify.php ดังนี้ หรือจะดาวน์โหลดจากลิ้งค์ข้างล่างสุด

form_upload.php

<!DOCTYPE html>
<html>
<head>
    <title>My Uploadify Implementation</title>
    <link rel="stylesheet" type="text/css" href="uploadify.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="jquery.uploadify-3.1.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#file_upload').uploadify({
            'swf'      : 'uploadify.swf',
            'uploader' : 'uploadify.php'
        });
    });
    </script>
</head>
<body>
<input type="file" name="file_upload" id="file_upload" />
</body>
</html>

uploadify.php

<?php
/*
Uploadify v3.1.0
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/
// Define a destination
$targetFolder = 'data/'; // Relative to the root

if (!empty($_FILES)) {
	$tempFile = $_FILES['Filedata']['tmp_name'];
	$targetFile = rtrim($targetFolder,'/') . '/' . $_FILES['Filedata']['name'];
	
	// Validate the file type
	$fileTypes = array('jpg','jpeg','gif','png'); // File extensions
	$fileParts = pathinfo($_FILES['Filedata']['name']);
	
	if (in_array(strtolower($fileParts['extension']),$fileTypes)) {
		move_uploaded_file($tempFile,$targetFile);
		echo '1';
	} else {
		echo 'Invalid file type.';
	}
}
?>

ทดสอบด้วยการเรียกไฟล์ form_upload.php

Screenshot

PHP Uploadify

Download!!

สำหรับวิธีการใช้งานอื่น ๆ ให้ลองเข้าไปดูได้ที่เว็บไซต์ของ uploadify.com ซึ่งจะมีตัวอย่างและ demo ให้ดูหลายแบบ

Document and Manual

http://www.uploadify.com/download/

บทความอื่น ๆ ที่เกี่ยวข้อง
Go to : ขอความช่วยเหลือเรื่องวิธีใช้งาน jquery plugin uploadify ครับ


	By :	TC Admin
	Article :	บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
	Score Rating :
	Create Date :	2012-04-27
	Download :	No files

Sponsored Links

เชื่อมต่อ Excel กับ SQL Server Database ใช้สำหรับดึงข้อมูลแบบ Refresh แล้วแสดงผลบน Excel
บทความเทคนิคการเชื่อมต่อ Excel กับ SQL Server ใช้สำหรับการดึงข้อมูลจาก Table ของ SQL Server มาแสดงผลบน Sheet ของ Excel มีประโยชน์ในกรณีที่ต้องการนำข้อมูลนั้นๆ มาใช้งานต่อกับ Excel
Rating :

Update : 2017-03-30 17:25:53

C#/VB.net : ZipFile and Compression การ Zip บีบอัดไฟล์บน .Net Application แบบง่ายๆ
การเขียนโปรแกรมบน .Net Application และการ Zip/Compression การบีบอัดไฟล์แบบง่ายๆ ด้วย Class ของ System.IO.Compression และ ZipFile รองรับการเขียน Application ได้ทุกประเภท เช่น ASP.Net, Windows Form, Console App และอื่นๆ
Rating :

Update : 2017-04-05 17:18:50

WebSocket ตอนที่ 5 : ตัวอย่างการ รับ-ส่ง ข้อมูลแบบ เจาะจง Client หรือ User ด้วย PHP
WebSocket ตอนที่ 5 : ตัวอย่างการ รับ-ส่ง ข้อมูลแบบ เจาะจง Client หรือ User ด้วย PHP
Rating :

Update : 2017-02-10 09:59:52

C# การใช้ DateTimePicker เพื่อใช้เปรียบเทียบวันเวลาแบบบ้านๆ
C# การใช้ dateTimePicker เพื่อใช้เปรียบเทียบวันเวลาแบบบ้านๆ
Rating :

Update : 2017-03-24 17:31:42

Writing Clean Code [ PHP ]
Code ที่ถูกเขียนในรูปแบบที่เป็นระเบียบ เข้าใจง่ายและการจัดรูปแบบที่ได้การยอมรับจากคนส่วนใหญ่ Code ที่เราเขียนควรจะเป็น Code ที่สามารถเข้าใจได้ สำหรับทุกๆคน เนื่องจาก Programmer มีรูปแบบการเขียนแตกต่างกันออกไป
Rating :

Update : 2018-03-19 13:26:07

การใช้ HTML5 และ Geolocation อ่านตำแหน่ง Current Location ปัจจุบัน (Latitude และ Longitude)
ในปัจจุบันเวลาเราเข้าเว็บหลายๆ จะเห็นว่ามี Dialog แจ้งเตือนเพื่อขออนุญาติดึง Location ปัจจุบันของเรา ซึ่งอาจจะนำไปใช้คำนวณหรือตรวจสอบอะไรก็แล้วแต่ และสิ่งที่เค้าจะได้กลับไปก็คือ Latitude และ Longitude
Rating :

Update : 2017-05-12 11:16:08

Google Maps API การเปิด-ปิด Control ต่างๆ ที่อยู่บนหน้า Maps แผนที่
ในการแสดงผล Google Map ในหน้าเว็บไซต์ เราสามารถกำหนดรายการ Control ต่างๆ ของ Map ได้ โดยสามารถเปิด-ปิด
Rating :

Update : 2017-05-04 08:59:17

สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8

สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI

Free Tutorial

	สอน Google Maps Api
	สอน Windows Service
	สอน Entity Framework
	สอน Android
	สอน Java เขียน Java
	Java GUI Swing
	สอน JSP (Web App)
	iOS (iPhone,iPad)
	Windows Phone
	Windows Azure
	Windows Store
	Laravel Framework
	Yii PHP Framework
	สอน jQuery
	สอน jQuery กับ Ajax
	สอน PHP OOP (Vdo)
	Ajax Tutorials
	SQL Tutorials
	สอน SQL (Part 2)
	JavaScript Tutorial
	Javascript Tips
	VBScript Tutorial
	VBScript Validation
	Microsoft Access
	MySQL Tutorials
	-- Stored Procedure
	MariaDB Database
	SQL Server Tutorial
	SQL Server 2005
	SQL Server 2008
	SQL Server 2012
	-- Stored Procedure
	Oracle Database
	-- Stored Procedure
	SVN (Subversion)
	แนวทางการทำ SEO
	ปรับแต่งเว็บให้โหลดเร็ว