微信小程序上傳文件到阿里雲OSS的代碼

備註：我是使用STS臨時受權方式，則須要指定該項爲SecurityToken的值，在formData中設置‘x-oss-security-token’，要否則會403報錯

uploadAliyun.ts

import './hmac.js'; import './sha1.js'; import Base64 from './Base64'; //Base64,hmac,sha1,crypto相關算法 //參考這裏https://github.com/peterhuang007/weixinFileToaliyun.git
import Crypto from './crypto.js'; const clint = { rootDir: '', //默認存在根目錄，可根據需求改
  accessKeyId: '', accessKeySecret: '', stsToken: '', timeout: 87600, //這個是上傳文件時Policy的失效時間
}; export const uploadFile = ( env: any, options: { file: any; dir: string; failCallback?: (arg0: Error) => void; successCallback?: (arg0: any) => void; } ) => { clint.rootDir = `https://${env.bucket}.${env.endpoint}`; //默認存在根目錄，可根據需求改
  clint.accessKeyId = env.accessKeyId; clint.accessKeySecret = env.accessKeySecret; clint.stsToken = env.stsToken; if (!options.file.path || options.file.path.length < 9) { wx.showModal({ title: '圖片錯誤', content: '請重試', showCancel: false, }); return; } let timestamp = new Date().getTime(); // 返回數值單位是毫秒
  const fileUrl = `${options.dir}/${timestamp}_${options.file.name}`; // dir表示要傳到這個目錄下 const policyBase64 = getPolicyBase64(); const signature = getSignature(policyBase64); //獲取簽名
 wx.uploadFile({ url: clint.rootDir, filePath: options.file.path, name: 'file', //必須填file
 formData: { key: fileUrl, policy: policyBase64, signature: signature, OSSAccessKeyId: clint.accessKeyId, 'x-oss-security-token': clint.stsToken, // 訪問是使用STS臨時受權，則須要指定該項爲SecurityToken的值
      success_action_status: '200', }, success: function (res) { if (res.statusCode != 200) { typeof options.failCallback === 'function' && options.failCallback(new Error('上傳錯誤:' + JSON.stringify(res))); return; } // console.log('上傳圖片成功', res);
      typeof options.successCallback === 'function' && options.successCallback(res); }, fail: function (err) { typeof options.failCallback === 'function' && options.failCallback(err); }, }); }; const getPolicyBase64 = function () { let date = new Date(); date.setHours(date.getHours() + clint.timeout); let srcT = date.toISOString(); const policyText = { expiration: srcT, // 設置該Policy的失效時間，超過這個失效時間以後，就沒有辦法經過這個policy上傳文件了
 conditions: [ ['content-length-range', 0, 5 * 1024 * 1024], // 設置上傳文件的大小限制,5mb
 ], }; const policyBase64 = Base64.encode(JSON.stringify(policyText)); return policyBase64; }; const getSignature = function (policyBase64: any) { const accessKey = clint.accessKeySecret; const bytes = Crypto.HMAC(Crypto.SHA1, policyBase64, accessKey, { asBytes: true, }); const signature = Crypto.util.bytesToBase64(bytes); return signature; };

頁面中調用

questions({ method: 'POST', data: this.form, }).then((res: any) = > { for (let file of this.fileUpload) { uploadFile(this.OssSign, { file: file, dir: 'iot', successCallback(res) { // console.log(res);
 }, }); } wx.switchTab({ url: '/pages/question/index/main', }); });

 

參考連接：https://www.jianshu.com/p/34d6dcbdc2e5

官方文檔：https://help.aliyun.com/document_detail/31988.html?spm=5176.11065259.1996646101.searchclickresult.3ec33901vFANUq