摘要:百度開放云是基于開發的一個組件,易用性更好。調用之后,會終止對文件隊列的處理。需要注意的是,不是立即停止上傳,而是等到當前的文件處理結束成功失敗之后,才會停下來。
百度開放云 BOS Uploader
bce-bos-uploader 是基于 bce-sdk-js 開發的一個 ui 組件,易用性更好。
DEMO地址是:http://leeight.github.io/bce-bos-uploader/
http://caniuse.com/#feat=fileapi
IE6,7,8,9, IE10+, Firefox/Chrome/Opera 最新版
如何使用bower install bce-bos-uploader
寫一個最簡單的頁面:
bce-bos-uploader simple demo
關于 uptoken_url 應該如何實現,以及如何設置過 Bucket 的 CORS 屬性,在以前的文檔里面有說明,這里就不贅述了。
當然,也可以去掉 html tag 里面的 data 屬性,直接用JS的方式來初始化:
支持的配置參數
名稱 | 是否必填 | 默認值 | 說明 |
---|---|---|---|
bos_bucket | Y | 無 | 需要上傳到的Bucket |
uptoken_url | Y | 無 | 用來進行服務端簽名的URL,需要支持JSONP |
browse_button | Y | 無 | 需要初始化的 |
bos_endpoint | N | http://bos.bj.baidubce.com | BOS服務器的地址 |
bos_credentials | N | {} | 如果沒有設置uptoken_url的話,必須有這個配置才可以工作 |
multi_selection | N | false | 是否可以選擇多個文件 |
max_retries | N | 0 | 如果上傳文件失敗之后,支持的重試次數。默認不重試 |
auto_start | N | false | 選擇文件之后,是否自動上傳 |
max_file_size | N | 100M | 可以選擇的最大文件,超過這個值之后,會被忽略掉 |
bos_multipart_min_size | N | 10M | 超過這個值之后,采用分片上傳的策略。如果想讓所有的文件都采用分片上傳,把這個值設置為0即可 |
chunk_size | N | 4M | 分片上傳的時候,每個分片的大小(如果沒有切換到分片上傳的策略,這個值沒意義) |
在初始化 uploader 的時候,可以通過設置 init 來傳遞一些 回掉函數,然后 uploader 在合適的時機,會調用這些回掉函數,然后傳遞必要的參數。例如:
var uploader = new baidubce.bos.Uploader({ init: { PostInit: function () { // uploader 初始化完畢之后,調用這個函數 }, FileFiltered: function (_, file) { // 如果文件因為某些原因被過濾了,調用這個函數 }, FilesAdded: function (_, files) { // 當文件被加入到隊列里面,調用這個函數 }, BeforeUpload: function (_, file) { // 當某個文件開始上傳的時候,調用這個函數 }, UploadProgress: function (_, file, progress, event) { // 文件的上傳進度 }, Key: function(_, file) { // 可以設置需要保存的文件路徑 }, FileUploaded: function (_, file, info) { // 文件上傳成功之后,調用這個函數 }, UploadPartProgress: function (_, file, progress, event) { // 分片上傳的時候,單個分片的上傳進度 }, Error: function (_, error, file) { // 如果上傳的過程中出錯了,調用這個函數 }, UploadComplete: function () { // 隊列里面的文件上傳結束了,調用這個函數 } } });
對外提供的接口 start()需要注意的時候,所以回掉函數里面的一個參數,暫時都是 null,因此上面的例子中用 _ 代替,后續可能會升級
當 auto_start 設置為 false 的時候,需要手工調用 start 來開啟上傳的工作。
stop()調用 stop 之后,會終止對文件隊列的處理。需要注意的是,不是立即停止上傳,而是等到當前的文件處理結束(成功/失敗)之后,才會停下來。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/78909.html
摘要:數據顯示,年一季度全國用云量同比增長倍,較去年同期同比增長。人工智能大數據云計算引擎已經啟動。重禮云市場特惠雙十二感恩有你,快來領福利百度搜索關鍵詞百度云或復制以下鏈接直達活動頁面 商業世界中,數據正成為新的石油,而如何挖掘石油,如何通過儲運、加工等轉化為商業價值,則離不開新的基礎設施。 作為數據石油的載體,云計算正覆蓋金融、交通、鋼鐵、農業等人們生活的每一個領域,成為企業數字化轉型的...
摘要:未來已來,百度云特推出上云節,通過爆款產品秒殺新購專享特惠等方式來支持全民普惠上云,更有機會抽取等好禮,保證參與的你中獎。在這場云計算的雙十一狂歡盛宴中,屬于你的私人錦鯉,最終只能被你翻牌。這個雙十一,百度云超強福利已打包完畢。 導語:狂歡是一群人的孤單,但至少,云計算的剁手更加高級一點。又是一年雙十一,相信各位對于這個已滿十歲的剁手大party期盼已久,或因為去年沒有實現的愿望,或因...
閱讀 2913·2023-04-26 02:14
閱讀 3767·2019-08-30 15:55
閱讀 1849·2019-08-29 16:42
閱讀 2764·2019-08-26 11:55
閱讀 2852·2019-08-23 13:38
閱讀 492·2019-08-23 12:10
閱讀 1318·2019-08-23 11:44
閱讀 2814·2019-08-23 11:43