uploadfiy 有兩個版本，一個是 Flash 版，一個是 HTML5 版(官網售價 5 美元)。其中，Flash版本主要用于網頁端或者安卓手機，然而對于 ios 系統，只能使用 HTML5 版。

另外，對于圖片上傳功能，安卓系統，一次只能上傳一張圖片，而ios系統一次可以上傳多圖。

今天，分享一下關于 uploadify HTML5 版本的圖片上傳功能。

如果對于 Flash 版本的熟悉的朋友，那么使用 HTML5 版本的話，是很輕松的。引用的關鍵 JS 文件和 CSS 只需要替換為 jquery.uploadifive.min.js 和 uploadifive.css 。

html 頁面的源碼：

UploadiFive Test

body {

font: 13px Arial, Helvetica, Sans-serif;

}

.uploadifive-button {

float: left;

margin-right: 10px;

}

#queue {

border: 1px solid #E5E5E5;

height: 177px;

overflow: auto;

margin-bottom: 10px;

padding: 0 3px 3px;

width: 300px;

}

UploadiFive Demo

Upload Files

$(function() {

$('#file_upload').uploadifive({

'auto' : false,//是否自動上傳

'checkScript' : 'check-exists.php',

'formData' : {

'timestamp' : '<?php echo $timestamp;?>',

'token' : '<?php echo md5('unique_salt' . $timestamp);?>'

},

'queueID' : 'queue',

'uploadScript' : 'uploadifive.php',//上傳圖片時，請求的文件

'onUploadComplete' : function(file, data) { //上傳完成后，返回的內容

alert(file);

}

});

});

PHP 文件的源碼：

/*

UploadiFive

Copyright (c) 2012 Reactive Apps, Ronnie Garcia

*/

// Set the uplaod directory

$uploadDir = '/uploads/';

// Set the allowed file extensions

$fileTypes = array('jpg', 'jpeg', 'gif', 'png'); // Allowed file extensions

$verifyToken = md5('unique_salt' . $_POST['timestamp']);

if (!empty($_FILES) && $_POST['token'] == $verifyToken) {

$tempFile = $_FILES['Filedata']['tmp_name'];

$uploadDir = $_SERVER['DOCUMENT_ROOT'] . $uploadDir;

$targetFile = $uploadDir . $_FILES['Filedata']['name'];

// Validate the filetype

$fileParts = pathinfo($_FILES['Filedata']['name']);

if (in_array(strtolower($fileParts['extension']), $fileTypes)) {

// Save the file

move_uploaded_file($tempFile, $targetFile);

echo 1;

} else {

// The file type wasn't allowed

echo 'Invalid file type.';

}

}

?>

這里依然演示一個之前文章寫過的功能：使用 Uploadify HTML5 版本，獲取回調圖片地址,并將圖片在前臺顯示。

如果你需要源碼或者需要這個demo示例，請點擊 “QQ交談” 聯系我，并通過下方的支付寶付款碼進行購買。

總結

以上是生活随笔為你收集整理的uploadify php demo,uploadify HTML5 版本，多图上传的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。