MVC 通过ajaxSubmit上传图片并显示
2016-03-28 13:47
459 查看
js代码 function submitform() { $("#form_upload").ajaxSubmit({ success: showResponse }); } function showResponse(responseText) { if (responseText != null) { alert('上传成功!'); } else { alert('操作失败!'); } } $(function () { $("#upImg").on("change", function () { var file = this.files[0]; if (this.files && file) { var reader = new FileReader(); reader.onload = function (e) { $('#result').attr('src', e.target.result); } reader.readAsDataURL(file); } }); })
前台代码 <table> <tr> <td style="padding-top:20px;">生产(经营)许可证证件照片</td> <td> <form id="form_upload" style="height:4px;" action="Upload" target="iframeInfo" method="post" enctype="multipart/form-data"> <input name="upImg" id="upImg" type="file" /> <input type="submit" value="上传" /> </form> </td> </tr> <tr> <td> <img id="result" style="width:200px;height:200px;" src="" alt=""> </td> <td> <iframe name="iframeInfo" id="iframeInfo" style="border:0px;"></iframe> </td> </tr> </table> (这里添加iframe,因为后台返回时会跳转,把form放入iframe里提交就不会跳转页面)
后台代码 [HttpPost] public ActionResult Upload(HttpPostedFileBase upImg) { if (upImg == null) { return Content("文件上传错误,请重新选择文件!"); } string fileName = System.IO.Path.GetFileName(upImg.FileName); string filePhysicalPath = Server.MapPath("~/credimages/" + fileName); try { upImg.SaveAs(filePhysicalPath); Session["ImgPath"] = filePhysicalPath; return Content("上传成功"); } catch { return Content("上传异常 !"); } }
相关文章推荐
- 分享微信开发Html5轻游戏中的几个坑
- Zend的MVC机制使用分析(二)
- php修改上传图片尺寸的方法
- ASP.NET MVC 4 捆绑和缩小实例介绍
- ASP.NET Mvc开发之查询数据
- ASP.NET MVC中将控制器分离到类库的实现
- asp.net实现在非MVC中使用Razor模板引擎的方法
- ASP.NET MVC中的AJAX应用
- 为ASP.NET MVC及WebApi添加路由优先级
- ASP.NET MVC中图表控件的使用方法
- ASP.NET MVC的四种验证编程方式
- 为ckeditor编辑器加上传图片的功能
- 仅30行代码实现Javascript中的MVC
- 上传图片时JS自动显示图片
- ASP.NET MVC 3仿Server.Transfer效果的实现方法
- 如何在MVC应用程序中使用Jquery
- ASP.NET MVC小结之基础篇(二)
- ASP.NET实现上传图片并生成缩略图的方法
- ASP.NET小结之MVC, MVP, MVVM比较以及区别(一)
- Asp.net实现MVC处理文件的上传下载功能实例教程