三种提交POST表单的方式

三种提交POST表单的方式

1.写一个form表单，点击submit提交

 <form method="POST" class = "formfile" action = "/up" enctype="multipart/form-data" target="display">	
            <input type="file" name="file1" value="请选择文件" target="stop" multiple class="file"><br />
            <input type="submit">	
  </form> 
//防止跳转后页面刷新
<iframe  name="stop" style="display:none;"></iframe>  

2.获取form元素，js代码中提交

document.querySelector('.formfile').submit()
document.querySelector('.file').value = null

3.使用FormData

var data = new FormData();
const fileArr = this.$refs.file.files
for(let i = 0 ;i < fileArr.length;i++){
    //把DOM元素上files属性对应的文件数组放入data中
	data.append("file",fileArr[i])
}
//使用axios提交
axios.post('/up',data)