web直傳oss之大檔案上傳,切片上傳,斷點續傳

2021-09-29 13:55:16 字數 865 閱讀 1707

本人菜鳥乙個,大神輕噴。。。偶感瓶頸與今日起開始記錄平時專案中的難題以及平時的心得。

最近專案中剛好有讓前端單獨直接接入阿里的sdk實現web直傳oss的功能。廢話不多說直接官方文件看一下,彌補一下我的未知世界,發現文件還是比較好理解的。

這裡貼下官網的**片段

我按照我這邊專案走的流程

第一步:首先從後端獲取到oss密令的手牌,也就是oss中提到的ossconfig 

let ossconfig =
第二部就是官網中的切片上傳,這裡的切片上傳和斷點續傳其實就是乙個函式,唯一不同的就是progress中,是否傳參

/*

這裡的一些配置檔案提前定義了,

file 和point 是我需要傳入的全域性變數

每次上傳的時候我都會在localstorage中儲存一下file,

以便於下次使用者上傳的時候區別是否為新的檔案

*/let region, accesskeyid, accesskeysecret, ststoken, bucket,client,file,point;

let client = new oss(clientparam);

client.multipartupload(file.name, file, ).then(function(result) ).catch(function(err)

fun(json)

});},

這個progress的函式你也可以自己定義乙個類似於我這個,只做參考:

progress:async function(p, checkpoint) ,
第乙個部落格,不知道怎麼描述,大家可提意見。。。

oss使用分片直傳大檔案

首先要先安裝oss外掛程式 npm install ali oss 然後倒入oss外掛程式,可以全域性也可區域性,我用的是區域性 import oss from ali oss 在用oss直傳大檔案的時候會出現瀏覽器崩潰的情況,針對這種情況,可使用分片上傳 分片上傳時,可能會出現以下情況 若出現上述...

阿里雲oss 大檔案上傳

最近公司在做工程專案,實現檔案雲儲存上傳 網上找了很久,發現很多專案都存在一些問題,但還是讓我找到了乙個成熟的專案。工程 對專案的檔案雲儲存上傳功能做出分析,找出檔案上傳的原理,對檔案的雲儲存模式深入了解。執行 檔案存放根目錄 h 這裡使用的雲儲存服務功能,所以需要在雲儲存裡面觀察檔案的大小結構 檔...

阿里雲oss 大檔案上傳

最近公司做工程專案,實現檔案雲儲存上傳。網上找了一天,發現網上很多 都存在相似問題,最後終於找到了乙個滿足我需求的專案。工程如下 這裡對專案的檔案傳輸功能做出分析,怎麼實現檔案上傳的,如何進行檔案上傳的。執行 檔案存放根目錄 h 上傳後儲存在雲儲存服務儲存中,需要在雲儲存裡面檢視檔案的大小。檔案上傳...