FormData文件上傳

這幾日,單位有一個須要實現多文件上傳。這個技術我是沒有作過的,可是須要掌握,因此,只能是一點一點積累了。html

首先,涉及點技術:html5

一、html5的控件上傳FormData。瀏覽器

二、var newFormData = new FormData();app

newFormData.append(file[0]);post

三、頁面端,須要form表單。ui

<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();code

相關文章
相關標籤/搜索