百度開放雲 BOS Uploader

2022-08-05 14:30:18 字數 1922 閱讀 7341

bce-bos-uploader 是基於 bce-sdk-js 開發的一個 ui 元件,易用性更好。

demo地址是:

ie6,7,8,9, ie10+, firefox/chrome/opera 最新版

bower install bce-bos-uploader
寫一個最簡單的頁面:

關於 uptoken_url 應該如何實現,以及如何設定過 bucket 的 cors 屬性,在以前的文件裡面有說明,這裡就不贅述了。

當然,也可以去掉 html tag 裡面的 data 屬性,直接用js的方式來初始化:

名稱

是否必填

預設值說明

bos_buckety無

需要上傳到的bucket

uptoken_urly無

用來進行服務端簽名的url,需要支援jsonp

browse_buttony無

需要初始化的

bos_endpoint

nbos伺服器的地址

bos_credentialsn{}

如果沒有設定uptoken_url的話,必須有這個配置才可以工作

multi_selection

nfalse

是否可以選擇多個檔案

max_retriesn0

如果上傳檔案失敗之後,支援的重試次數。預設不重試

auto_start

nfalse

選擇檔案之後,是否自動上傳

max_file_size

n100m

可以選擇的最大檔案,超過這個值之後,會被忽略掉

bos_multipart_min_size

n10m

超過這個值之後,採用分片上傳的策略。如果想讓所有的檔案都採用分片上傳,把這個值設定為0即可

chunk_sizen4m

分片上傳的時候,每個分片的大小(如果沒有切換到分片上傳的策略,這個值沒意義)

在初始化 uploader 的時候,可以通過設定 init 來傳遞一些 回掉函式,然後 uploader 在合適的時機,會呼叫這些回掉函式,然後傳遞必要的引數。例如:

var uploader = new baidubce.bos.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 ()

}});

需要注意的時候,所以回掉函式裡面的一個引數,暫時都是 null,因此上面的例子中用 _ 代替,後續可能會升級

start()

當 auto_start 設定為 false 的時候,需要手工呼叫start來開啟上傳的工作。

stop()

呼叫 stop 之後,會終止對檔案佇列的處理。需要注意的是,不是立即停止上傳,而是等到當前的檔案處理結束(成功/失敗)之後,才會停下來。

百度 official

1 請描述html5新增的一些標籤,描述這些標籤的用法和語義 2 css屬性position的屬性值有哪些,描述它們的作用 3 常見的瀏覽器...

百度logo

2008年春節 2008年元旦 2007年國慶節 2007年中秋節 2007年端午節 2007年兒童節 2007年春節 2007年情人節 2...

使用百度雲 BOS 和 C SDK 開發資料儲存

簡介 1 基本介紹 2 建立baidubce services bos bosclient 物件 3 獲取bucket 集合 4 獲取指定bucket 中的所有objectkey 5 上傳物件 檔案 6 7 常見問題及解決辦法 1 基本介紹 1 什麼是bos bos 核心概念。 2 什麼是c sdk...