美文网首页
vue中使用阿里云oss

vue中使用阿里云oss

作者: 学王 | 来源:发表于2020-07-03 17:29 被阅读0次
//1引入ali-oss(script)
         const OSS = require("ali-oss");

//2:配置(data)
     //加速
  ossParameter: {
          endpoint:'oss-accelerate.aliyuncs.com'
          region: "oss-cn-beijing",
          accessKeyId: "LTAI4G9vdvuRCzJJnTLdMK5q",
          accessKeySecret: "nD6mJ0mR8yc6TYuAeijmvWN9JDQON2",
          bucket: "inor-test-v2-tt"
   }

//3:生成oss和上传图片(methods)
 httpRequest(file) {
      //生成上传oss
      let store = new OSS(this.ossParameter);
      //路径
      let path =  `home/${moment(new Date()).format("YYYY-MM-DD-HH-mm-ss")}/` + file.file.name
      store
        .multipartUpload(
          path,
          file.file,
          {
      //进度
            progress: this.onProgress
          }
        )
        .then(result => {
      //生成访问地址
          let url = store.signatureUrl(result.name, {
            expires: 3153600000
          });
        })
    }

相关文章

网友评论

      本文标题:vue中使用阿里云oss

      本文链接:https://www.haomeiwen.com/subject/pozsqktx.html