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