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