这次给大家带来Ajax异步上传文件实列(附代码),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>

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

jQuery+ajax怎么实现json数据的遍历

Ajax实现考试倒计时并自动提交试卷功能

以上就是Ajax异步上传文件实列(附代码)的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码