使用FormData進行Ajax上傳檔案

常用ajax提交通過url引數提交，提交方式「post」,」get」等，而如果需要通過ajax提交檔案則需要用到formdata。

1、使用formdata例項化表單資料

//例項化表單

var form=document.getelementbyid('myform');
var formdata=new formdata(form);
//新增資料

var files=document.getelementbyid('upload');

var formdata=new formdata();
for(var i = 0; i < files.length; i++) 

//xmlhttprequest方式

//jquery方式
$.ajax();

由於 formdata 是 xmlhttprequest level 2 新增的介面，現在 低於ie10 的ie瀏覽器不支援 formdata ，至於 上面介紹的 formdata 物件的方法經過測試，在 ie 瀏覽器中都不支援，具體的各大瀏覽器的支援情況可以參照下圖：

其它具體用法詳見api用法：

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

使用formdata，進行ajax請求並上傳檔案 form enctype multipart form data method post 這裡使用jquery，但是老版本的jquery比如1.2是不支援的，最好使用2.0或更新版本 html form id uploadform p 指定檔名 in...

使用FormData物件

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

FormData使用方法詳解

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