weixin_50802888 2022-06-07 00:29 采纳率: 63.3%
浏览 85
已结题

关于#前端#的问题:el-upload如何实现不添加主动上传按钮的批量上传

el-upload如何实现不添加主动上传按钮的批量上传?主动上传按钮的这里有实现方法https://juejin.cn/post/6917057560763711502%EF%BC%8C%E4%BD%86%E6%98%AF%E4%B8%8D%E9%9C%80%E8%A6%81%E3%80%82

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-06-07 01:04
    关注

    在upLoad调用接口,并把item传上去

    
    <el-upload
          ref="upload"
          multiple
          :limit="9"
          :show-file-list="false"
          :http-request="upLoad"
          :before-upload="beforeUpload"
          :on-success="handleUploadSuccess"
          :on-exceed="handleExceed"
          list-type="picture-card">
          <i class="el-icon-plus"></i>
        </el-upload>
    handleExceed (e, fileList) {
            this.$message.error('最多只能选择九张')
          },
          upLoad (item) {
            console.log(item)
          }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    weixin_50802888 2022-06-07 02:07

    你可以试试,这种方案是会多次调用单文件上传的接口,不会把item汇总,调用一个批量上传的接口。

    回复
    你好!机器人 回复 weixin_50802888 2022-06-07 02:12

    是的,你是只调一次接口?那你可以先自定义一个变量,然后添加进去,再判断数量,添加完再去请求借口

    回复
    weixin_50802888 回复 你好!机器人 2022-06-07 02:13

    判断数量该怎么做呢,它是一次一次添加的,如何捕获到最后一次,然后调用上传接口呢

    回复
    展开全部4条评论
查看更多回答(1条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 6月14日
  • 已采纳回答 6月7日
  • 创建了问题 6月7日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部