这次给大家带来jQuery+ajax实现文件上传（附代码），jQuery+ajax实现文件上传的注意事项有哪些，下面就是实战案例，一起来看一下。
主要使用的方法是 $(“#formID”).ajaxSubmit()方法。
1、要引入js插件
需要下载的附件：jquery.form.js
2、页面代码：
$(document).ready(function() {createHtml($("#str"));})图片
登录后复制
fileload.js:
function fileloadon() {$("#msg").html("");$("#_fileForm").submit(function () {$("#_fileForm").ajaxSubmit({type: "post",url: "/201410CarVideoAdmin/Home/UploadHelper",success: function (data1) {$('#timgUrl').html(data1);var reg = new RegExp('"', "g");var imageUrl = $('#timgUrl').text().replace(reg, "");$('#backImgUrl').attr("src", imageUrl);if ($('#timgUrl').html() != null) {$('#timgok').html("文件上传成功");} else {$('#timgok').html("文件上传失败");}},error: function (msg) {alert("文件上传失败");}});return false;});$("#_fileForm").submit();}
登录后复制
Controller Code:
[HttpPost]public ActionResult UploadHelper(){//开始上传string imageUrl = string.Empty;QF.WebGamePlatform.Reference.FileUploadService service = new QF.WebGamePlatform.Reference.FileUploadService();var fileResult = service.PicUpLoad(Request.Files[0]);if (fileResult.Code == 0){imageUrl = fileResult.Data.RawImageUrl;}return Json(imageUrl, JsonRequestBehavior.AllowGet);}
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
获取iframe中document对象步骤详解
jQuery获取iframe元素
以上就是jQuery+ajax实现文件上传（附代码）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2767692.html
