zoukankan      html  css  js  c++  java
  • 用vue 引用天翼云oos上传图片的方法

       let script = document.createElement('script')
          script.type = 'text/javascript'
          script.src = 'http://wwmimgs.oss-cn-shenzhen.aliyuncs.com/develop/2020-02-29/oos-sdk.min.js'
          document.getElementsByTagName('head')[0].appendChild(script)
          this.imageUrlList = []
          for (let i = 0;i < this.value.length;i++) {
            this.imageUrlList.push({ url: this.value[i] });
          }
    

      可以放在 mounted 生命周期内

       var BucketName = 'xxx';
            var accessKeyId = 'xxxx';
            var secretAccessKey = 'xxxx';
            var endPoint = 'xxxx';
            var that = this;
            let client = new OOS.S3({
                accessKeyId: accessKeyId,
                secretAccessKey: secretAccessKey,
                endpoint: endPoint,
                signatureVersion: 'v2',
                apiVersion: '2006-03-01',
                s3ForcePathStyle: true
            });
    
    
       var key = file.name;
              var params = {
                Body: file,
                Bucket: BucketName,
                Key: key
              };
              client.putObject(params, function (err, data) {
                  if (err){
                      console.log(err, err.stack); // an error occurred
                  } 
                  else{
                    console.log(data,endPoint+'/'+params.Bucket+'/'+params.Key);           // successful response
                    that.imageUrlList.push({ name: params.Key, url: 'https://'+endPoint+'/'+params.Bucket+'/'+params.Key });
                   that.emitInput(that.imageUrlList);
                  }   
              });
    

      

  • 相关阅读:
    git客户端
    Autowired注解的妙用---在Controller里的构造函数里获取需要注入的对象
    面向对象的理解
    改变对update的做法
    时间戳与日期相互转换
    Git随记
    json数据传输有感
    Mybatis的批量CRUD
    并发与线程有感
    dpkg --info
  • 原文地址:https://www.cnblogs.com/alone2015/p/12381940.html
Copyright © 2011-2022 走看看