vue如何使用formData传递文件类型的数据

本文主要介绍了vue如何使用formData传递文件类型的数据问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

vue使用formData传递文件类型的数据

1.需求        

传递文件类型的数据和其他类型的数据到后台。组件使用的是element-ui，就想去里面直接找组件使用，看到了el-upload，就试着用了一下，发送的是ajax请求，发现后台接收不到就开始找问题了。       

2.问题        

看了一下发送请求携带file文件协议有两种方法，链接（），form表单提交，另外一种是formData(h5里面的新方法)，都很方便。因为我用的是vue，就用formData的格式进行传输。照着网站开始改吧~~       

3.操作        

• 3.1 网页文件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45

<el-dialog title="导出指定体检信息" :visible.sync="dialogVisibleexptbyfile" width="50%" center :append-to-body="true">       <div class="submit">         <el-form :model="form" label-width="130px" label-position="left">           <el-form-item label="xxx">             <el-select v-model="form.type" placeholder="请选择类型">               <el-option label="xxx" value="0"></el-option>               <el-option label="xxx" value="1"></el-option>             </el-select>           </el-form-item>           <el-form-item label="选择文件">             <el-upload class="upload-demo" :limit="1" :on-exceed="exceedfile" :headers="{headers: 'multipart/form-data'}" action="#" :on-change="onChangefile" :before-upload="beforeuploadfile" :auto-upload='false' :file-list="fileList">               <el-button size="small" type="primary">点击上传</el-button>