脚本宝典收集整理的这篇文章主要介绍了Ajax异步上传文件实例代码分享,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
非常不多说,直接给大家上干货,写的不好还请见谅。
具体代码如下所示:
<!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数据 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异步上传文件实例代码,希望对大家有所帮助,如果大家有疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本宝典网站的支持!
以上是脚本宝典为你收集整理的Ajax异步上传文件实例代码分享全部内容,希望文章能够帮你解决Ajax异步上传文件实例代码分享所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。