手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >Ajax异步上传文件实例代码分享
Ajax异步上传文件实例代码分享
摘要:非常不多说,直接给大家上干货,写的不好还请见谅。具体代码如下所示:Index$(function(){$(':button').click(...

非常不多说,直接给大家上干货,写的不好还请见谅。

具体代码如下所示:

<!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异步上传文件实例代码分享】相关文章:

jsp+ajax实现无刷新上传文件的方法

Ajax传Jsond Mvc后台接收实例

5款Ajax 文件上传控件

Ajax异步提交数据返回值的换行问题实例分析

Ajax 表单验证 实现代码

AJAX中文乱码解决新方法分享

ajax 同步和异步XMLHTTP代码分析

Ajax表单异步上传文件实例代码(包括文件域)

Ajax修改数据即时显示篇实现代码

Ajax方式删除表格一行数据示例代码

精品推荐
分类导航