基于腾讯云实现头像上传

第一步 ： 先在Element中找到下图这个组件 整体复制到自己的文件中

第二步 ：在腾讯云中找到对象存储里面的存储桶 存储桶需要配置 配置步骤如下

第三步 ： 在腾讯云文档中找jsSDK文档

第四步配置代码如下 这里需要下包 方法 npm i cos-js-sdk-v5

上面的组件 :on-success="handleAvatarSuccess" 这串代码更改一下 :http-request="handleAvatarSuccess"

handleAvatarSuccess({file}){
var COS = require('cos-js-sdk-v5');
var cos = new COS({
//这里面秘钥配置 是自己的腾讯云配置的秘钥哦
        SecretId: 'AKIDd5IH0UihRvAH9l7E6i4B2e06xYu0rWw6',
        SecretKey: 'wc3E9pFPJxNXR6WgaFfpjNnxrVt2way6'
     })
cos.putObject({
        Bucket: 'forest-1310934923', /* 填入您自己的存储桶，必须字段 */
        Region: 'ap-nanjing', /* 存储桶所在地域，例如ap-beijing，必须字段 */
        Key: file.name, /* 存储在桶里的对象键（例如1.jpg，a/b/test.txt），必须字段 */
        StorageClass: 'STANDARD',
        Body: file, // 上传文件对象
        onProgress: function(progressData) {
          console.log(JSON.stringify(progressData))
        }
      },
      (err, data) => {
        console.log(err || data)
        this.imageUrl = 'https://' + data.Location
      })
      }

上面这串代码是在文档中找的 如下图