三種提交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)