vue上传文件到阿里云oss

259 阅读1分钟

百度找到好多方法,说的都不是很清楚,所以我觉得我有必要做个过程备注,下次自己就不要百度了,不说了,说多了累~

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);              });

不知道为啥我每次的代码块最后都变成了代码行........

我只好贴图了........