Forgot Password ??

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

	Registered : 107,912

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

C# Extension Methods แบบ บ้านๆ
ทุกคนทีเขียนโปรแกรม ก็มักจะเจอว่าเวลาเราเรียกใช้ตัวแปร ต่างๆ แล้วพิมพ์ จุดแล้วมักจะเจอว่ามี method หรือ function ขึ้นมาให้เลือกแบบนี้
Rating :

Update : 2019-04-29 15:01:47

PHP ใช้สำหรับเปลี่ยนรูปแบบของวันตามที่เรากำหนด เช่น 2018-3-10 -> 10 Mar 2018 หรือ 10 March 2
ฟังก์ชั่นนี้ใช้สำหรับเปลี่ยนรูปแบบของวันตามที่เรากำหนด เช่น 2018-3-10 -> 10 Mar 2018 หรือ 10 March 2018
Rating :

Update : 2018-03-11 10:49:35

(C#) วน Loop ข้อมูลใน Array String อย่างไร จึงจะ Loop ตามการเลือก CheckBoxList แบบไม่ใช้ MSSQL
บทความเรื่อง (C#) วน Loop ข้อมูลใน Array String อย่างไร จึงจะ Loop ตามการเลือก CheckBoxList แบบไม่ใช้ MSSQL ครับ
Rating :

Update : 2019-11-11 10:18:13

SQL Server Call HTTP URL เรียกใช้งาน URL Website จาก Stored Procedure
เทคนิคการใช้ SQL Server Call URL เรียกใช้งาน URL Website จาก Stored Procedure ของ SQL Server สามารถประยุกต์การใช้งานกับ Function ต่างๆ เช่น การเรียกให้ URL ทำงานเมื่อ Stored Procedure ทำงานเสร็จ
Rating :

Update : 2019-04-29 09:39:38

ตัวอย่าง การใช้ form กับตัวแปร input แบบ array
ตัวอย่าง การใช้ form กับตัวแปร แบบ array การแสดงผล เพื่อตรวจสอบ element $_POST
Rating :

Update : 2019-08-26 11:33:32

C# เปลี่ยนชื่อ เพลง ด้วย regext
C# เปลี่ยนชื่อ เพลง ด้วย regext หลายคนมักเจอ เวลาโหลดเพลงมาแล้วมักจะมีตัวเลขข้างหน้าติดมาด้วย เรามาลบมันออกกัน
Rating :

Update : 2019-05-03 12:54:52

(C#) ASP.NET User Authentication/Login Form แบบ SQL Server + Windows Authentication
บทความเรื่อง (C#) ASP.NET User Authentication/Login Form ในรูปแบบ SQL Server + Windows Authentication ครับ
Rating :

Update : 2019-05-10 09:59:53

สอน 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
	ปรับแต่งเว็บให้โหลดเร็ว