美文网首页vue3
vue 使用cos-js-sdk-v5

vue 使用cos-js-sdk-v5

作者: 半夜成仙 | 来源:发表于2022-01-22 11:06 被阅读0次
    npm install cos-js-sdk-v5
    import COS from 'cos-js-sdk-v5'
    
    //定义一个cos 对象
    const cos = new COS ({
            getAuthorization: function (options, callback) {
              callback ({
                    //腾讯云账号上传信息
               TmpSecretId: tmpSecretId, 
              TmpSecretKey: tmpSecretKey,
              XCosSecurityToken: sessionToken,
              ExpiredTime: expiredTime
              });
            },
          });
    //定义一个function
    uploadFile (cos, file) {
          const _this=this
          cos.putObject (
            {
              Bucket: "",  // 存储桶名称
              Region: 'ap-chengdu', // 地区
              Key:`/uploads/zizhi/${new Date().getTime()}${file.name}` , // 图片名称
              Body: file,
              onHashProgress: function (progressData) {
                console.log ('校验中', JSON.stringify (progressData));
              },
              onProgress: function (progressData) {
                console.log ('上传中', JSON.stringify (progressData));
              },
            },
            function (err, data) {
              if (err) {
               this.error(file)
                return;
              }
              console.log(data)
              _this.success({url:`http://${data.Location}`})
            }
          );
        }
    

    相关文章

      网友评论

        本文标题:vue 使用cos-js-sdk-v5

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