vue+axios+formData提交表单

https://segmentfault.com/a/1190000010205162

tip:

• 上传文件用原生的
• 如果多个文件加 enctype="multipart/form-data"
• headers: { “Content-Type”: “multipart/form-data” }

<el-form :model="form" ref="form" :rules="rules" enctype="multipart/form-data">
	<el-form-item label="课程名称：" label-width="140px" prop="name">
		<el-input v-model="form.name"  auto-complete="off" clearable></el-input>
	</el-form-item>
	<el-form-item label="介绍：" label-width="140px" prop="desc">
		<el-input v-model="form.desc"  auto-complete="off" clearable></el-input>
	</el-form-item>
	<el-form-item label="上传视频：" label-width="140px">
		<input type="file" name="file"/>
	</el-form-item>
	<el-form-item label="附件：" label-width="140px">
		<input type="file" name="file"/>
	</el-form-item>
</el-form>
<script>
methods: {
	submit() {
		let form = this.$refs['form'].$el;
		let formData = new FormData(form);
		
		formData.append('id', this.form.id);
		formData.append('name', this.form.name);
	}
}
</script>