美文网首页
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()后触发

    相关文章

      网友评论

          本文标题:el-upload有几种使用情况

          本文链接:https://www.haomeiwen.com/subject/qduajrtx.html