VUE 实现element upload上传图片到阿里云

VUE 实现实现element upload上传图片到阿里云上传图片到阿里云

主要介绍了VUE 实现element upload上传图片到阿里云，具有很好的参考价值，希望对大家有所帮助。一起跟

随小编过来看看吧

首先安装依赖

cnpm install ali-oss

封装client

若是想减小打包后静态资源大小，可在index.html引入：（然后在client.js里注释掉const OSS = require(‘ali-oss')）

<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>

accessKeySecret: data.accessKeySecret,

bucket: data.bucketName,

endpoint: data.endpoint,

secure: true

})

}

然后，在vue页面引用，给client传入后台返回的阿里数据

结果如下图：

1、HTML部分

<el-upload