Ajax異步上傳文件實(shí)例代碼分享
更新時(shí)間：2016年06月06日 09:55:56 作者：iceKnight
這篇文章主要介紹了Ajax異步上傳文件實(shí)例代碼，非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
非常不多說，直接給大家上干貨，寫的不好還請(qǐng)見諒。
具體代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<title>Index</title>
<script>
$(function() {
$(':button').click(function () {
var formData = new FormData();
var file = $("input[type='file']")[0].files[0];
formData.append("files", file);
$.ajax({
url: '/Upload/Upload', //server script to process data
type: 'POST',
//Ajax事件
//beforeSend: beforeSendHandler,
//success: completeHandler,
//error: errorHandler,
// Form數(shù)據(jù)
data: formData,
//Options to tell JQuery not to process data or worry about content-type
cache: false,
contentType: false,
processData: false
});
});
});
</script>
</head>
<body>
<form enctype="multipart/form-data">
<input name="file" type="file" multiple="multiple" />
<input type="button" value="Upload" />
<input type="text" name="userName" value="ice" />
</form>
</body>
</html>
以上代碼是小編給大家分享的Ajax異步上傳文件實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的，在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
本篇文章主要是對(duì)ajax提交url與ajax提交表單的區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
默認(rèn)ajax是異步的，也就是在未響應(yīng)到結(jié)果時(shí)不影響向下的執(zhí)行，如果非要返回結(jié)果的話，將ajax 中的參數(shù) async 改為 false，即為同順序執(zhí)行2014-05-05
這篇文章主要介紹了全面解析Ajax和jsonp使用總結(jié) 的相關(guān)資料,需要的朋友可以參考下2017-10-10
從剛接觸前端開發(fā)起，跨域這個(gè)詞就一直以很高的頻率在身邊重復(fù)出現(xiàn)，一直到現(xiàn)在，已經(jīng)調(diào)試過N個(gè)跨域相關(guān)的問題了，這篇文章主要介紹了AJAX跨域問題的解決方案2022-08-08
ajax后退解決方案，需要的朋友可以參考下。2011-09-09
Ajax 設(shè)置Access-Control-Allow-Origin實(shí)現(xiàn)跨域訪問
這篇文章主要介紹了Ajax 設(shè)置Access-Control-Allow-Origin實(shí)現(xiàn)跨域訪問,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
將index.html和upload.php文件保存到支持php的空間的同級(jí)目錄，測(cè)試運(yùn)行即可2008-09-09
配置Chrome支持本地（file協(xié)議）的AJAX請(qǐng)求
這篇文章主要為大家詳細(xì)介紹了配置Chrome支持本地（file協(xié)議）的AJAX請(qǐng)求 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
ajax實(shí)現(xiàn)加載數(shù)據(jù)功能
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)加載數(shù)據(jù)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
用Promise解決多個(gè)異步Ajax請(qǐng)求導(dǎo)致的代碼嵌套問題(完美解決方案)
這篇文章主要介紹了用Promise解決多個(gè)異步Ajax請(qǐng)求導(dǎo)致的代碼嵌套問題(完美解決方案),需要的朋友可以參考下2017-02-02