使用element plus 实现在web上向 图床传输图片文件并返回信息

<!--图片上传-->

            <el-upload

                  ref="uploadRef"

                  class="upload-demo"

                  action="https://xxx.xxxxx.xxxx/xxxx/xxxxx.php"//图床api调用地址

                  name="image"//传输名字命名为image

                  :data="{token:'1c17b11693cb5ecdjawjdlkawd639c1b2'}"//使用element plus 的data属性上传token密钥

                  :auto-upload="false"//关闭默认的自动上传

                  :on-success="imgUpSuccess"//上传完成后执行的钩子函数

                >

                    <template #trigger>

                      <el-button type="primary">select file</el-button>

                    </template>      

            </el-upload>

 

//图片上传

const uploadRef = ref<UploadInstance>()

const submitUpload = () => {

  uploadRef.value!.submit()

}

//图片上传成功默认执行的钩子函数

const imgUpSuccess = (response: any) => {

    console.log("Dwadwaw")

    console.log(response)

    addVisible.value = false;

    ElMessage.success(`添加成功成功`);

};