使用FormData,進行Ajax請求並上傳檔案

2021-07-10 03:52:19 字數 1006 閱讀 4969

使用formdata,進行ajax請求並上傳檔案

<

form

enctype

=

"multipart/form-data"

method

=

"post"

>

這裡使用jquery,但是老版本的jquery比如1.2是不支援的,最好使用2.0或更新版本:

html**  

<

form

id= "uploadform"

>

<

p>指定檔名: <

input

type="text"

name="filename"

value= ""

/>

p>

<

p>上傳檔案: <

input

type="file"

name="file"

/>

p>

<

input

type="button"

value="上傳"

onclick="doupload()"

/>

form

>

js**  

function doupload() ,  

error: function (returndata)   

});  

}  

使用FormData進行Ajax上傳檔案

常用ajax提交通過url引數提交,提交方式 post get 等,而如果需要通過ajax提交檔案則需要用到formdata。formdata用法 1 使用formdata例項化表單資料 例項化表單 var form document.getelementbyid myform var formda...

使用FormData物件

使用formdata物件 利用formdata物件,可以使用一系列的鍵值對來模擬乙個完整的表單,然後使用xmlhttprequest物件來傳送這個 表單 建立乙個formdata物件 方法向該物件裡新增字段,如下 varformdata newformdata formdata.username g...

FormData使用方法詳解

formdata的主要用途有兩個 將form表單元素的name與value進行組合,實現表單資料的序列化,從而減少表單元素的拼接,提高工作效率。非同步上傳檔案 通過formdata建構函式建立乙個空物件 var formdata new formdata 通過get方法對值進行讀取 console....