关于前端直传阿里云的封装

前端

import store from ‘@/store’

class MyUploadAdapter {
constructor(loader) {
this.loader = loader
}
async upload() {
const file = await this.loader.file

// 获取store中action.js的获取token的接口
const res = await store._actions['common/getToken'][0]()
const policy = res.data.tokenData
const filename = (new Date().getTime()) + '_' + file.name
const formData = new FormData()
formData.append('Filename', filename)
formData.append(
  'key',
  policy.dir + '/' + filename
)
formData.append('OSSAccessKeyId', policy.accessid)
formData.append('policy', policy.policy)
formData.append('Signature', policy.signature)
formData.append('success_action_status', '200')
formData.append('file', file)

// 获取store中action.js的上传数据到阿里云的接口
await store._actions['common/upload'][0]({ url: policy.host, data: formData })

return {
  // 返回的是对应的阿里云资源对应的地址
  default: policy.host + '/' + policy.dir + '/' + filename
}

}
}

export default MyUploadAdapter

使用的时候，new MyUploadAdapter (/传入的文件内容/).upload

---

后端

const crypto = require(“crypto”);
const config = {
dir: ‘hzlablum’, // 上传目录
bucket: ‘hzlablum’,// Bucket 名称
region: ‘oss-cn-guangzhou’,// OSS 所在的 Region
accessKeyId: ‘*********’,// 安全受限的 Access key ID
accessKeySecret: ‘************’,// Access key secret
expAfter: 3600000, // 签名失效时间，毫秒
maxSize: 1048576000 // 文件最大尺寸
};

handler(callback) {
let host = https://${config.bucket}.${config.region}.aliyuncs.com;
let expireTime = new Date().getTime() + config.expAfter;
let expiration = new Date(expireTime).toISOString();
let policyString = JSON.stringify({
‘expiration’: expiration,
‘conditions’: [
[‘content-length-range’, 0, config.maxSize],
[‘starts-with’, ‘$key’, config.dir]
]
});
let policy = Buffer.from(policyString).toString(‘base64’);
let signature = crypto.createHmac(‘sha1’, config.accessKeySecret).update(policy).digest(“base64”);
let tokenData = {
‘signature’: signature,
‘policy’: policy,
‘host’: host,
‘accessid’: config.accessKeyId,
‘expire’: expireTime,
‘dir’: config.dir
};
let responseObject = {
isBase64Encoded: true,
statusCode: 200,
headers: {
“Content-type”: “application/json; charset=utf-8”
},
tokenData,
body: Buffer.from(JSON.stringify(tokenData)).toString(“base64”)
};
callback(responseObject);
},

调用handler方法并传入一个函数，函数有一个参数，为返回给前端的数据，可以打印看看