阿里云 oss 上传文件 1 封装

首先封装

import OSS from 'ali-oss';

// eslint-disable-next-line consistent-return,import/no-mutable-exports
let OssUploadObject = function () {
  if (!(this instanceof OssUploadObject)) {
    return new OssUploadObject();
  }
  this.file = '';
};

OssUploadObject.prototype = {
  constructor: OssUploadObject,
//上传 e 是文件 callback 你返回的数据  命名 uploadName 后缀名格式 suffix index这是第几个
  clientOss: function (e, callback, uploadName, suffix, index) {
    let head = 'test-tmz-activity-materials';
    switch (process.env.TYPE) {
    case 'dev':
      head = 'test-tmz-activity-materials';
      break;
    case 'test':
      head = 'test-tmz-activity-materials';
      break;
    case 'pro':
      head = 'tmz-activity-materials';
      break;
    default:
    }
    let client = new OSS({
      region: 'oss-cn-shanghai',
      accessKeyId: 'LTAI4FnQfTqPNfJdPfGKo8tN',
      accessKeySecret: 'l56ho84xGsnjtd2zQh34xZXLKG6D28',
      bucket: head,
    });
    console.log(e);
    client.put(uploadName, new Blob([e], { type: suffix })).then((result) => {
      console.log('result=========', result);
      if (callback && typeof callback) {
        return callback(true, result, uploadName, suffix, index);
      }
    }, (err) => callback(false, null, uploadName, suffix, index));
  },
// 删除 路径 callback 返回的数据
  delClientOss: function (e, callback) {
    let head = 'test-tmz-activity-materials';
    switch (process.env.TYPE) {
    case 'dev':
      head = 'test-tmz-activity-materials';
      break;
    case 'test':
      head = 'test-tmz-activity-materials';
      break;
    case 'pro':
      head = 'tmz-activity-materials';
      break;
    default:
    }
    let client = new OSS({
      region: 'oss-cn-shanghai',
      accessKeyId: 'LTAI4FnQfTqPNfJdPfGKo8tN',
      accessKeySecret: 'l56ho84xGsnjtd2zQh34xZXLKG6D28',
      bucket: head,
    });
    console.log(e);
    // eslint-disable-next-line consistent-return
    client.delete(e).then((result) => {
      console.log('result=========', result);
      if (callback && typeof callback) {
        return callback(true, result);
      }
    }, (err) => callback(false, null));
  },
};
export default OssUploadObject;

2其次使用

import uploadImgOss from '../../../../commonjs/uploadBrandMaterialOSS'

this.uploadImgOss = uploadImgOss();

that.uploadImgOss.clientOss(f,that.submitAndClearPay,uploadName,suffix,index);

this.uploadImgOss.delClientOss(brandMaterialItemObj.mainPushUrl,this.delImgCallback)

文章永久链接：https://tech.souyunku.com/23598