webuploader多圖上傳,webuploader多檔案上傳,百度webuploader批量非同步上傳檔案
阿新 • • 發佈:2018-12-10
有人學習過子恆老師webuploader使用指南後, 留言說“webuploader多檔案上傳怎麼實現?webuploader怎麼上傳多圖片” 其實這些人都是沒有看完整個教程的原因, 下面來談談…
一、 webuploader多檔案上傳 百度 webuploader 本身預設就是多檔案上傳模式, 只要你的伺服器端配置好接收檔案的指令碼, 當你選擇好多個檔案, 並確定後, webuploader 會非同步上傳你選擇的檔案, 比如九宮格圖片上傳…
這裡需要注意, fileNumLimit 引數要 > 1, 這個表示使用者最多選擇檔案數量。
二、 webuploader多圖上傳 webuploader 多圖片上傳, 其實就是在多檔案上傳的基礎上, 只允許使用者上傳圖片, 你只要設定好 webuploader 過慮型別為圖片就行, 這裡要配置的引數是 accept
核心程式碼如下
var uploader = WebUploader.Uploader({
...
fileNumLimit:9,
accept:{
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/*'
}
...
});
猛擊這裡, 觀看子恆老師《百度webuploader使用指南》系列視訊 瞭解實現過程和下載相關原始碼