WebUploader是一個強大的JavaScript文件上傳庫,支持大文件上傳。要實現大文件上傳,你需要按照以下步驟操作:
<script type="text/javascript" src="webuploader.min.js"></script>
<div id="uploader">
<div class="btns">
<div id="picker">選擇文件</div>
</div>
</div>
// 初始化WebUploader
var uploader = WebUploader.create({
// 選項配置
auto: true,
swf: "Uploader.swf",
server: "your-server-url", // 服務器上傳地址
pick: "#picker", // 選擇文件的元素
accept: {
title: "Images", // 顯示文本
extensions: "gif,jpg,jpeg,bmp,png", // 允許的文件擴展名
mimeTypes: "image/*" // 允許的文件MIME類型
}
});
uploader.on("uploadProgress", function(file, percentage) {
console.log("上傳進度:" + percentage);
});
uploader.on("uploadSuccess", function(file, response) {
console.log("上傳成功:" + file.name);
});
服務器端需要返回一個JSON格式的數據,例如:
{
"status": "success",
"url": "https://example.com/path/to/your/uploaded/file"
}
在uploadSuccess
事件中,你可以根據服務器返回的響應來處理上傳結果,例如將上傳成功的文件鏈接顯示在頁面上。
注意:為了實現大文件上傳,你需要確保服務器端支持大文件上傳,并且已經正確配置了相關參數,例如upload_max_filesize
和post_max_size
。具體配置方法取決于你使用的服務器軟件。