[封裝] 小程式直連 oss 上傳檔案JS類

WangYuanDa發表於2020-10-16

這裡封裝了一個小程式端的上傳包(web端需要改一改)
由於網上沒找到現成的輪子,就自己寫了一個,方便大家的使用,歡迎指正
在小程式裡面一行程式碼就能將檔案直接上傳oss

流程是這樣的

呼叫方式是這樣的

    new uploadFileToOssTools({
        fileSize: 50 * 1024 * 1024,               // 檔案大小限制 單位byte
        tempFilePath: cres.tempFilePath,  // 呼叫wx.chooseVideo 返回的檔案路徑
        ossPath: 'dirA/dirB/',                     // oss 儲存目錄  檔案儲存方式是 dirA/dirB/年/月/日/
        ossUrl: 'https://oss.xxxx.com',      // oss 繫結的域名
    })
    .uploadFileToOss(function(res){
        if (res.statusCode == 204) { // 上傳成功 返回204 ,也可設定成 200
            var src = res.data;  // 檔案路徑
            app.msg('視訊上傳成功');
        }
        else{
            app.msg('視訊上傳出錯 請重試');
        }
    });

uploadFileToOss.js 的實現是這樣的 由於markdown 支援不是很好,就放完整截圖

[封裝] 小程式直連 oss 上傳檔案JS類

[封裝] 小程式直連 oss 上傳檔案JS類

[封裝] 小程式直連 oss 上傳檔案JS類

[封裝] 小程式直連 oss 上傳檔案JS類

[封裝] 小程式直連 oss 上傳檔案JS類

[封裝] 小程式直連 oss 上傳檔案JS類

uploadFileToOss.js 這個檔案需要引入四個js檔案 : HMAC.js,SHA1.js,base64.min.js,Crypto.js,我會放到 github 上面

如有不足、歡迎指正、請將您的意見和建議寫在下方評論區吧!

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章