Element UI + Vue 批量上传图片(只请求一次)

在使用elementui上传组件时,可以一次选择多个文件上传,设置:multiple="true"可以选择多个文件,但是文件请求的时候还是分开请求,多少个图片请求多少次。

现在需求时一次请求上传所有选中的图片

主要步骤:(1)通过elementui组件选取需要上传图片(2)封装上传函数

代码:

hmtl部分:


      <el-dialog title="选择上传图片" :visible.sync="dialogVisible_up_image" width="30%">
        <el-upload
          ref="upload"
          class="upload-demo"
          action="" 	       
          :auto-upload="false"         
          :before-upload="beforeAvatarUploadImage" 
          :file-list="fileList"       
          :limit="6"                    
          :on-change="handleChange"  
          list-type="picture"            
        >
          <el-button slot="trigger" size="small" type="primary">选取图片el-button>
          <el-button
            style="margin-left: 10px;"
            size="small"
            type="primary"
            @click="uploadForm" 
                    

你可能感兴趣的:(html5,vue.js,javascript)