【Element-plus】vue组合式中使用el-upload通过oss接口上传图片流程（可直接复制使用）

Html

        <el-upload
          :action=ossUrl
          :on-success="handleImgSuccess"
          :headers="{
            Authorization:
              token
          }"
        >
          <el-icon>
            <Plus />
          </el-icon>
          点击上传图片
        </el-upload>

JS

const ossUrl = ref("")
ossUrl.value = 【你的ossUrl】
const loginStore = useLoginStore();
const token = 【你的token】     // 如果没有可以忽略
const handleImgSuccess = (response) => {
  console.log(response)
  if (response.code === 200) {
    【你的imgUrl】 = response.data.url
  }
}