Ajax異步上傳文件實(shí)例代碼分享
非常不多說,直接給大家上干貨,寫的不好還請見諒。
具體代碼如下所示:
<!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í)例代碼,希望對大家有所幫助,如果大家有疑問歡迎給我留言,小編會及時回復(fù)大家的,在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
默認(rèn)ajax是異步的,也就是在未響應(yīng)到結(jié)果時不影響向下的執(zhí)行,如果非要返回結(jié)果的話,將ajax 中的參數(shù) async 改為 false,即為同順序執(zhí)行2014-05-05Ajax 設(shè)置Access-Control-Allow-Origin實(shí)現(xiàn)跨域訪問
這篇文章主要介紹了Ajax 設(shè)置Access-Control-Allow-Origin實(shí)現(xiàn)跨域訪問,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-02-02配置Chrome支持本地(file協(xié)議)的AJAX請求
這篇文章主要為大家詳細(xì)介紹了配置Chrome支持本地(file協(xié)議)的AJAX請求 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06ajax實(shí)現(xiàn)加載數(shù)據(jù)功能
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)加載數(shù)據(jù)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05用Promise解決多個異步Ajax請求導(dǎo)致的代碼嵌套問題(完美解決方案)
這篇文章主要介紹了用Promise解決多個異步Ajax請求導(dǎo)致的代碼嵌套問題(完美解決方案),需要的朋友可以參考下2017-02-02