要使用jQuery File Upload文件上傳插件,您需要按照以下步驟進行操作:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="path/to/jquery.fileupload.js"></script>
<form id="fileupload" action="upload.php" method="POST" enctype="multipart/form-data">
<input type="file" name="files[]" multiple>
<button type="submit">上傳</button>
</form>
請注意,表單的action
屬性需要指向一個用于處理文件上傳的服務器端腳本。
fileupload
方法初始化#fileupload
表單元素:$(function() {
$('#fileupload').fileupload({
dataType: 'json',
done: function (e, data) {
// 文件上傳完成后的回調函數
}
});
});
在此示例中,我們為dataType
選項設置為json
,以便在文件上傳完成后,可以接收到服務器返回的JSON響應。
done: function (e, data) {
$.each(data.result.files, function (index, file) {
console.log(file.name); // 打印文件名
});
}
在示例中,我們遍歷了服務器返回的data.result.files
數組,并打印了每個文件的名稱。
這是一個簡單的使用jQuery File Upload文件上傳插件的示例,您可以根據自己的需求進行配置和使用。