Uploadify 是一個基于 jQuery 的文件上傳插件,支持多文件上傳。要使用 Uploadify 進行多文件上傳,請按照以下步驟操作:
<!-- 引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 引入 Uploadify CSS -->
<link rel="stylesheet" type="text/css" href="path/to/uploadify.min.css">
<!-- 引入 Uploadify JS -->
<script type="text/javascript" src="path/to/jquery.uploadify.min.js"></script>
<input type="file" name="file_upload" id="file_upload">
$(document).ready(function() {
$('#file_upload').uploadify({
'swf' : 'path/to/uploadify.swf', // Flash 文件路徑
'uploader' : 'path/to/uploadify.php', // 服務器端處理文件上傳的 URL
'multi' : true, // 允許同時上傳多個文件
'queueSizeLimit' : 9, // 隊列中允許的最大文件數
'simUploadLimit' : 2, // 同時上傳的最大文件數
'onUploadStart' : function(file) {
console.log('開始上傳文件:' + file.name);
},
'onUploadSuccess' : function(file, response) {
console.log('文件上傳成功:' + file.name + ',響應:' + response);
},
'onUploadError' : function(file, reason) {
console.log('文件上傳失敗:' + file.name + ',原因:' + reason);
},
'onUploadComplete' : function(file) {
console.log('文件上傳完成:' + file.name);
}
});
});
uploadify.php
)。在這個文件中,你需要處理多個文件的上傳請求。以下是一個簡單的示例:<?php
if (!empty($_FILES['file_upload']['tmp_name'])) {
$uploadDir = 'uploads/'; // 上傳文件的存儲目錄
$uploadPath = $uploadDir . basename($_FILES['file_upload']['name']); // 上傳文件的完整路徑
if (move_uploaded_file($_FILES['file_upload']['tmp_name'], $uploadPath)) {
echo '文件上傳成功:' . $_FILES['file_upload']['name'];
} else {
echo '文件上傳失敗:' . $_FILES['file_upload']['name'];
}
} else {
echo '沒有選擇文件';
}
?>
現在,當用戶選擇多個文件并點擊上傳按鈕時,Uploadify 將把這些文件發送到服務器端進行處理。服務器端腳本將接收并處理這些文件,然后將結果返回給客戶端。