如何用Vue结合Axios通过FormData上传文件实现高效文件传输？
- 内容介绍
- 相关推荐
本文共计954个文字，预计阅读时间需要4分钟。
在此主要介绍如何使用formData对象上传单文件和多文件。formData是XMLHttpRequest Level 2新增的一个对象，利用它可以提交表单数据，包括模拟表单提交。最大的优势是可以上传二进制文件。
在此主要介绍 如何使用 formData 对象上传单文件和多文件，FormData 就是 XMLHttpRequest Level 2 新增的一个对象，利用它来提交表单、模拟表单提交，当然最大的优势就是可以上传二进制文件。
过多介绍不说，过多的煽情语句不说，直接来来干活，希望对广大博友有所帮助。也希望各位大神不吝赐教
1.前台上传文件的表单和响应函数
<!--文件上传表单--> <form> <input type="text" value="" v-model="name" placeholder="请输入用户名"> <input type="text" value="" v-model="age" placeholder="请输入年龄"> <input type="file" @change="getFile($event)"> <input type="file" @change="getFile2($event)"> <button @click="submit($event)">提交</button> </form>
表单可以根据自己需要选择合适的表单，我在此选用的原生表单。
本文共计954个文字，预计阅读时间需要4分钟。
在此主要介绍如何使用formData对象上传单文件和多文件。formData是XMLHttpRequest Level 2新增的一个对象，利用它可以提交表单数据，包括模拟表单提交。最大的优势是可以上传二进制文件。
在此主要介绍 如何使用 formData 对象上传单文件和多文件，FormData 就是 XMLHttpRequest Level 2 新增的一个对象，利用它来提交表单、模拟表单提交，当然最大的优势就是可以上传二进制文件。
过多介绍不说，过多的煽情语句不说，直接来来干活，希望对广大博友有所帮助。也希望各位大神不吝赐教
1.前台上传文件的表单和响应函数
<!--文件上传表单--> <form> <input type="text" value="" v-model="name" placeholder="请输入用户名"> <input type="text" value="" v-model="age" placeholder="请输入年龄"> <input type="file" @change="getFile($event)"> <input type="file" @change="getFile2($event)"> <button @click="submit($event)">提交</button> </form>
表单可以根据自己需要选择合适的表单，我在此选用的原生表单。