摘要:添加了一個(gè)新的接口利用對(duì)象我們可以通過(guò)用一些鍵值對(duì)來(lái)模擬一系列表單控件我們還可以使用的方法來(lái)異步的提交這個(gè)表單比起普通的使用的最大優(yōu)點(diǎn)就是我們可以異步上傳一個(gè)二進(jìn)制文件想要更詳細(xì)的了解如何使用對(duì)象請(qǐng)查看使用對(duì)象實(shí)例你還可以使用來(lái)發(fā)送但
XMLHttpRequest Level 2添加了一個(gè)新的接口FormData.利用FormData對(duì)象,我們可以通過(guò)JavaScript用一些鍵值對(duì)來(lái)模擬一系列表單控件,我們還可以使用XMLHttpRequest的send()方法來(lái)異步的提交這個(gè)"表單".比起普通的ajax,使用FormData的最大優(yōu)點(diǎn)就是我們可以異步上傳一個(gè)二進(jìn)制文件.
想要更詳細(xì)的了解如何使用FormData對(duì)象, 請(qǐng)查看使用FormData對(duì)象.
實(shí)例:
Stash the file!ajax submit file
你還可以使用jQuery來(lái)發(fā)送FormData,但必須要正確的設(shè)置相關(guān)選項(xiàng):
Stash the file! $("#sendForm").click(function(){ var fd = new FormData(document.forms.namedItem("fileinfo")); var request = $.ajax({ url: "test.json", type: "POST", data: fd, processData: false, // 告訴jQuery不要去處理發(fā)送的數(shù)據(jù) contentType: false // 告訴jQuery不要去設(shè)置Content-Type請(qǐng)求頭 }); request.done(function(json){ console.log("a"); }); request.fail(function(){ console.log("b"); }); });
其他方法:
fileuploader插件:http://www.phpletter.com/DOWNLOAD/
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/85409.html
摘要:利用對(duì)象,我們可以通過(guò)用一些鍵值對(duì)來(lái)模擬一系列表單控件,我們還可以使用的方法來(lái)異步的提交表單。與普通的相比,使用的最大優(yōu)點(diǎn)就是我們可以異步上傳二進(jìn)制文件。 每次在向服務(wù)器提交文件對(duì)象數(shù)據(jù)是,總是需要借助各種三方插件來(lái)實(shí)現(xiàn)表單異步提交功能,還要為不同的界面去定制不同的插件css,相當(dāng)繁瑣。XMLHttpRequest Level 2 添加了一個(gè)新的接口——FormData。利用 Form...
摘要:分析一下請(qǐng)求信息,發(fā)現(xiàn)這種提交方式與表單提交是一樣的,比如提交兼容性由圖可見,在移動(dòng)端,對(duì)低版本的設(shè)備支持不夠友好。我們知道,在請(qǐng)求中,函數(shù)會(huì)自動(dòng)生成請(qǐng)求頭和請(qǐng)求主體。在瀏覽器不支持的情況下,我們可以通過(guò)拼接請(qǐng)求,來(lái)達(dá)到目的。 介紹 先看看 MDN 對(duì)FormData的介紹: XMLHttpRequest Level2添加了一個(gè)新的接口FormData. 利用FormData對(duì)象,我們...
摘要:默認(rèn)參數(shù)為空字符串密碼,可選參數(shù),用于授權(quán)。默認(rèn)參數(shù)為空字符串備注如果不是有效的方法或地址不能被成功解析,將會(huì)拋出異常如果請(qǐng)求方法不區(qū)分大小寫為或?qū)?huì)拋出異常重寫由服務(wù)器返回的類型。 本文詳細(xì)介紹了 XMLHttpRequest 相關(guān)知識(shí),涉及內(nèi)容: AJAX、XMLHTTP、XMLHttpRequest詳解、XMLHttpRequest Level 1、Level 2 詳解 XHR...
閱讀 1523·2023-04-26 02:03
閱讀 4707·2021-11-22 13:53
閱讀 4580·2021-09-09 11:40
閱讀 3782·2021-09-09 09:34
閱讀 2125·2019-08-30 13:18
閱讀 3501·2019-08-30 11:25
閱讀 3295·2019-08-26 14:06
閱讀 2545·2019-08-26 13:52