Ajax方式實現檔案上傳

2021-07-16 16:51:31 字數 490 閱讀 4637

xmlhttprequest level 2新增了乙個新的介面formdata,使用formdata的可以非同步上傳乙個二進位制檔案.

許多主流瀏覽器都支援 formdata 物件,比如chrome 7+、firefox 4+、ie 10+、opera 12+、safari 5+。

formdata 具體資訊參考:

$("#importplugin").click(function());

//檢測選擇檔案事件

$("#fileselect").change(function()

else

else

},error: function (datas)

});}

}});

控制器按照正常表單接收流程即可。

Ajax方式上傳檔案

用到兩個物件 第乙個物件 formdata 第二個物件 xmlhttprequest 目前新版的firefox 與 chrome等支援html5的瀏覽器完美的支援這兩個物件,但ie9尚未支援 formdata 物件,還在用ie6 只能仰天長嘆.有了這兩個物件,我們可以真正的實現ajax方式上傳檔案。...

Ajax方式上傳檔案

用到兩個物件 第乙個物件 formdata 第二個物件 xmlhttprequest 目前新版的firefox 與 chrome 等支援html5的瀏覽器完美的支援這兩個物件,但ie9尚未支援 formdata 物件,還在用ie6 只能仰天長嘆.有了這兩個物件,我們可以真正的實現ajax方式上傳檔案...

ajax方式上傳檔案

借助formdata實現表單的序列化,完成檔案上傳 此時不是借助表單提交方式,所以enctype屬性可以去掉 1.表單方式 button data action upload on click function file ajaxupload.do var formdata new formdata...