需求:我司要求实现多文件上传,且要求使用formData传递参数。
环境:vue+element-ui+axios
实现:
1. 使用element-ui upload组件搭建上传文件页面,页面示例如下:
代码如下:
<template>
<div>
<el-upload :multiple="true" class="upload-demo" action="" drag="" ref="upload" :on-change="handleImport" :auto-upload="false" :http-request="uploadFile" name="file">
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处,或
<em>点击上传</em>
</div>
<div class="el-upload__text">
只能上传.xml文件