vue 传date类型数据_vue使用axios上传文件(FormData)的方法

在此主要介绍 如何使用 formData 对象上传单文件和多文件，FormData 就是 XMLHttpRequest Level 2 新增的一个对象，利用它来提交表单、模拟表单提交，当然最大的优势就是可以上传二进制文件。

过多介绍不说，过多的煽情语句不说，直接来活，希望对广大博友有所帮助。也希望各位大神不吝赐教

1.前台上传文件的表单和响应函数

提交

表单可以根据自己需要选择合适的表单，我在此选用的原生表单。

vue 定义文件数据类型：data () {

return{

//文件

file: '',

file2: '',

}

},

表单按钮的响应函数getFile(event) {

this.file = event.target.files[0];

console.log(this.file);

},

getFile2(event) {

this.file2 = event.target.files[0];

console.log(this.file2);

},

上传单文件和多文件其实都是一样，主要的区别在后台接受文件形式和前台如何向后台传递数据

主要区别在 submit 响应函数中。

单文件例子：submit(event) {

event.preventDefault();//取消默认行为

//创建 formData 对象

let formData = new FormData(