美文网首页
el-upload有几种使用情况

el-upload有几种使用情况

作者: 浅浅_2d5a | 来源:发表于2022-04-11 17:03 被阅读0次

1、用action上传
2、使用http-request="fn"自定义进行上传
共同之处
1、当默认:auto-upload="true" ,选取了文件就走了action或者http-request的接口方法。
当:auto-upload="false" ,都需要通过this.$refs.upload.submit()进行接口或者方法的调用

何时使用action,何时使用http-request。
看后台,如果后台只给了个拼接网址的接口时候,没提文件时候,用action。
如果后台给多个参数包含文件地址等,或者需要三方文件服务器oss等时候。用http-reques

//当 :auto-upload="false"的时候,要注意以下问题
1、选完文件,http-request="fn" 的fn(file)是不存在file的,因为没走接口,所以没有回调
2、使用before-upload可以限制文件大小和格式, :auto-upload="false"时候,这个钩子是不会被触发的,可以使用on-change进行处理。同样都有file入参
=====另外需要注意的问题====
使用了on-change方法 直接赋值this.fileList = fileList,
删除需要用的on-remove

:on-preview="handlePreview" 是点击每条数据时候触发

on-success文件上传成功时的钩子,如果:auto-upload="false",是在submit()后触发

相关文章