1. 程式人生 > >webuploader多圖上傳,webuploader多檔案上傳,百度webuploader批量非同步上傳檔案

webuploader多圖上傳,webuploader多檔案上傳,百度webuploader批量非同步上傳檔案

有人學習過子恆老師webuploader使用指南後, 留言說“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使用指南》系列視訊 瞭解實現過程和下載相關原始碼