vue 阿里云OSS分片上传(可获取上传进度)

最新推荐文章于 2024-12-09 23:42:41 发布

diCommon

最新推荐文章于 2024-12-09 23:42:41 发布

阅读量2.7k

点赞数 1

分类专栏： js vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/u010613970/article/details/119955162

版权

之前做过一个上传功能，需求是需要上传到阿里云OSS，之前一直想要做下记录，一直懒，今天反正有空，就在这里做下记录吧

其实因为之前一直没做过这类的OSS上传功能，所以其实也是研究了很久的。上代码，基于vue做的上传，一些地方会做注释

// 先用命令行安装ali-oss 
// npm i ali-oss --save
async getFile(file){
   
  console.log(file);
  this.progressWord = '正在上传'; // 这个是上传的加载动效弹窗
  // this.urlNow = true; // 是否显示上传进度，不需要者可去掉
  var OSS = require('ali-oss'); // 引入ali-oss
  // 从接口里面获取OSS的密钥之类的
  var res = await this.$http.post('/api/whole/ossKey', {
   token: this.token}); 
  var parseMast = {
   
    bucket: 'bianyuanjisuan-sinmore', // 这个可以找开通OSS的管理员拿，或者接口返回获取
    region: 'oss-cn-beijing', // 同上
    accessKeyId: res.data.accessKeyId, // 从接口返回的数据获取
    accessKeySecret: res.data.accessKeySecret, // 同上
    stsToken: res