JS FormData對象

想獲得一個FormData對象:jquery

var formdata = new FormData();

W3c草案提供了三種方案來獲取或修改FormData。web

方案1:建立一個空的FormData對象,而後再用append方法逐個添加鍵值對:ajax

var formdata = new FormData();
formdata.append("name", "呵呵");
formdata.append("url", "http://www.baidu.com/");

方案2:取得form元素對象,將它做爲參數傳入FormData對象中!app

var formobj =  document.getElementById("form");
var formdata = new FormData(formobj);

方案3:利用form元素對象的getFormData方法生成它!異步

var formobj =  document.getElementById("form");
var formdata = formobj.getFormData()

利用Formdata對象,咱們能夠使用原生js經過ajax實現異步上傳圖片,固然,如今已經有jquery的批量上傳插件了,實現原理就是利用了Formdata。url

相關文章
相關標籤/搜索