1.首先,安装阿里的包
npm install ali-oss
初始化一下配置,传的参数data从后台获取
const OSS = require('ali-oss')
export function client(data) {
//后端提供数据
return new OSS({
region: data.region, //oss-cn-shenzhen.aliyuncs.com
accessKeyId: data.accessKeyId,
accessKeySecret: data.accessKeySecret,
bucket: data.bucket
})
}
2.使用element-ui的Upload作为上传组件,http-request 来绑定自定义上传的方法Upload,action写为空。 :before-upload="beforeUpload" 表示在上传前做的事情,绑定了方法beforeUpload,我们可以在这个方法里获取所需要的一些信息,比如签名等等
:http-request="Upload"
:data="dataObj"
:multiple="false"
:show-file-list="false"
:before-upload="beforeUpload" //在上传前做的事情
class="image-uploader"
drag
action