非常不多说,直接给大家上干货,写的不好还请见谅。
具体代码如下所示:
<!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异步上传文件实例代码,希望对大家有所帮助,如果大家有疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对尊托云数网站的支持!
推荐两文:1、支付宝购买流程 2、支付宝卖家流程 支付宝接口提供最新的ASP、ASP....
Tomcat简介、服务部署、虚拟主机配置及相关配置文件参数优化 一、Tomcat 简介 核...
背景介绍 在 OWASP(开放式 Web 应用程序安全项目) 2013 年发布的报告中,将不安...
本文主要介绍了为什么v-if和v-for不建议一起用?分享给大家,具体如下: 一、作...
如果你是Chrome用户,那么谷歌已经给出了公告,应该立刻更新至最新的Chrome 88版...
对于动态语言与静态语言的区分,套用一句流行的话就是:Static typing when poss...
没办法,自己看看吧。 CSDN 的代码高亮用的是一个 jquery 扩展。因为我基本上只...
JSP Spring ApplicationContext的国际化支持 1.ApplicationContext接口继承了Mes...
1、git merge冲突了,根据提示找到冲突的文件,解决冲突 如果文件有冲突,那么会...
在 JavaScript 中,使用元素的 removeAttribute() 方法可以删除指定的属性。用法...