ps:这个属于一个比较歪的方案 大家可以看着来 但是不一定要用
我这里是 用 http-request 进行覆盖的
话不多说 开始 上才艺
1:给 el-upload组件 用 http-request去进行一个自定义上传
ps:这里 action参数就可以不用了
:http-request="httpRequest"
2:httpRequest 事件部分
const httpRequest = (options) => {
const formData = new FormData() //我是用FormData() 来 进行弄 上传文件的 二进制文件
formData.append('file', options.file)
let loadingInstance = ElLoading.service({ fullscreen: true, background: 'rgba(0,0,0,0.2)' })//我这里是弄了一个加载的蒙版 可以参考 element ui plus 中的加载
uploadAPifn(formData).then(response => {
loadingInstance.close()//关闭 加载蒙版
console.log(response) //这里就是 打印你的接口返回 参数,这里返回的参数就要问你自己这边的后端了
})
}
ps:下图 是 options 的数据
最后 说明一下 我也 将这里 进行了注释 如果上面的 我没有写 的话 直接用 action 的话 我控制台会报 接口404
vue.config.js
main.js