百度找到好多方法,说的都不是很清楚,所以我觉得我有必要做个过程备注,下次自己就不要百度了,不说了,说多了累~
npm i ali-oss -S
安装 ali-oss
然后 当然你可以挂到main.js里,但是我试了~不起作用,我就只好在需要的页面里引入了
import OSS from "ali-oss";
然后重点来了,具体的过程就是,后端会给你一个接口请求,这个接口会返回给你以下数据:
但真正起到作用的是这几个:
上代码:
that.$api.getStsOssParams(params, that.token).then((r) => { //这是后台返回的那个接口 that.showloading = true; var ossfile = r.data; var client = new OSS({ region: "oss", accessKeyId: ossfile.accessKeyId, accessKeySecret: ossfile.accessKeySecret, stsToken: ossfile.securityToken, bucket: ossfile.bucketName, endpoint: ossfile.endpoint, }); client .multipartUpload(ossfile.ossPath, fileslit[i]) .then(function (result) { // 调用后台添加文件的接口
这里写你拿到上传的文件路径后要做的处理 console.log("成功", result); }) .catch(function (err) { // 上传失败,弹出上传失败的消息 console.log("上传失败", err); });
不知道为啥我每次的代码块最后都变成了代码行........
我只好贴图了........