這幾日,單位有一個需要實現多文件上傳。這個技術我是沒有做過的,但是需要掌握,所以,只能是一點一點積累了。
首先,涉及點技術:
1、html5的控件上傳FormData。
2、var newFormData = new FormData();
newFormData.append(file[0]);
3、頁面端,需要form表單。
<form enctype="multipart/form-data" method="post" name="fileinfo">
<input type="file" name="file" required />
</form>
FormData可以把它理解成一個虛擬的表單對象,它只有一個方法append,這個可以在瀏覽器console一下就知道了。我們可以通過append向FormData里面添加各種需要提交的數據。可以先創建一個空的 FormData
對象,然后使用 append()
方法向該對象里添加字段,如下:var oMyForm = new FormData();