MVC 通过ajaxSubmit上传图片并显示

发布时间:2020-06-26 03:00:15 作者:8218729
来源:网络 阅读:1054
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 >生产(经营)许可证证件照片</td>
                    <td>
                        <form id="form_upload"  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"  src="" alt="">
                    </td>
                    <td>
                        <iframe name="iframeInfo" id="iframeInfo" ></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("~/credp_w_picpaths/" + fileName);
            try
            {
                upImg.SaveAs(filePhysicalPath);
                Session["ImgPath"] = filePhysicalPath;
                return Content("上传成功");
            }
            catch
            {
                return Content("上传异常 !");

            }
        }


推荐阅读:
  1. spring mvc文件上传方法
  2. 基于MVC+EasyUI的Web开发框架经验总结(5)--使用HTML编辑控件CKEditor和CKFinder

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

mvc 上传图片 mi

上一篇:想升級Eclipse ADT的外掛,升級加速Android模擬器,才知道過程沒那麼簡單

下一篇:配置ssl证书 ios推送

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》