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

GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:5 个月前 )
c345bb45 9 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 9 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐