使用elementui批量上传文件

1、此方法是先选取文件,后直接一次性上传文件,只会发送一次请求

<el-form-item label="上传附件"> <el-upload :file-list="fileListArr" //选择的上传文件列表数据 action="scfj" //上传地址,可以直接写上传地址比如;我这里的地址是需要携带其他参数的所以这里随便填写,因为这是必填参数 ref="scfj" accept=".xls, .xlsx, .doc, .docx, .rar" //可上传文件的类型 :before-upload="beforeUploadFj" //此方法再上传之前对文件再次校验 :on-exceed="handleExceedFj" //此方法用来对上传文件超过个数进行限制 :on-remove="handleRemoveFj" //此方法删除上传文件时触发 multiple //是否可以上传多个文件 :limit="10" //上传文件的个数限制 :auto-upload="false" //关闭自动上传;如开启自动上传,即选择之后就上传 :on-change="onChangeFj" //此方法选择文件时候触发 > <el-button slot="trigger" size="small" type="primary" >选取文件</el-button > <el-button style="margin-left: 10px;" size="small" type="success" @click="uploadFj" //调用上传接口进行上传 >上传附件</el-button > </el-upload> </el-form-item>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzxzdz.html