mvc框架上传文件-1

 前段时间在mvc框架中上传文件，今天整理做一下记录。 HTML：

 <div id="upFiles"                    <div>                        <form id="uploadForm" name="uploadForm" action='@Url.Action("UploadFile", "Receipt")' method="post" enctype="multipart/form-data">                            <input type="file" onchange="previewImage()" id="fileup" name="file" />                            <input id="ButtonUpload" style="display:none;" type="submit" value="上传" />                        </form>                    </div>                    <div class="fl">                        <img style="width: 220px; height: 180px; display: none;" id="imghead2" class="imghead2" />                    </div>                    <div class="fr apply-con-c5">                        <img style="width: 220px; height: 180px; display: none;" id="imgBase" />                        <input type="button" id="submit" onclick="submitApply();" />                    </div>                </div>

jQuery ：

   $("#submit").bind('click', function () {            $("#common_message_receive").html("确认提交");            $("#common_warm_receive").show();            $(".masking").show();            $('#common_ok_receive').unbind('click').bind('click', function () {                $('#common_warm_receive').hide();                $(".masking").hide();                var  num = $("#imgBase").attr('src');                if (num != undefined) {                    var reqID = $("#reqID").textbox("getValue");                    var annexName = $("#fileup").val();                    var point = annexName.lastIndexOf("\\");                    annexName = annexName.substr(point + 1);                    num = $('#imgBase').attr('src').indexOf("base64") + 7;                    var annexs = $('#imgBase').attr('src').substring(num);                    ehr.ajax(ehr.servicesUrl + 'Receipt/AddPageAnnex', { "reqID": reqID, "annexName": annexName, "annexs": annexs }, function (json) {                        if (json.Success) {                            $("#tipMessage3").html("提交成功");                            $("#tip3").show();                            $(".masking").show();                        }                        else {                            $("#tipMessage4").html(json.Message);                            $("#tip4").show();                            $(".masking").show();                        }                    });                }                else {                    $("#tipMessage4").html("未上传文件");                    $("#tip4").show();                    $(".masking").show();                }            });    });    //图片上传预览    IE是用了滤镜。    function previewImage(file) {        $("#uploadForm").submit();    }    $("#uploadForm").ajaxForm({        iframe: true,        dataType: "json",        beforeSubmit: function () {            if ($('#fileup').val() == '') {                $("#tipMessage3").html("@ldt.Rows[29][2]")                $("#tip3 .tip-con1").attr("src","@Url.Content("~/Content1/img/5.png")");                $("#tip3").show();                $(".masking").show();                return false;            }        },         success: function (result) {            if (!result.Success) {                $("#tip3 .tip-con1").attr("src", "@Url.Content("~/Content1/img/5.png")");                $("#tipMessage3").html("@ldt.Rows[30][2]");                $("#tip3").show();                $(".masking").show();            }            else {                $("#imgBase").attr("src", "data:image/png;base64," + result.Message);                var filehtml = $("#fileup").val();                var point = filehtml.lastIndexOf(".");                var type = filehtml.substr(point);                showImage(type);            }        },        error: function (xhr, textStatus, errorThrown) {            $("#tipMessage3").html("@ldt.Rows[45][2]");            $("#tip3 .tip-con1").attr("src","@Url.Content("~/Content1/img/5.png")");            $("#tip3").show();            $(".masking").show();        }    });

记得要引用jquery.form.js文件
后台代码：

  public string UploadFile(HttpPostedFileBase file)        {            if (file == null || file.ContentLength == 0)            {                return ConvertToJson(new { Code = -1, Success = false, Message = "没有任何文件！" });            }            string path = Request.MapPath("~/Upload");            if (!Directory.Exists(path))            {                Directory.CreateDirectory(path);            }            var fileName = Path.Combine(Request.MapPath("~/Upload"), Path.GetFileName(file.FileName));            var newPath = Url.Content("~/Upload/" + Path.GetFileName(file.FileName));            try            {                string file_type = file.ContentType;                file.SaveAs(fileName);                string picUrl = ImgToBase64String(fileName, file_type);                if (!string.IsNullOrEmpty(picUrl))                {                    file.InputStream.Close();                    file.InputStream.Dispose();                    return ConvertToJson(new { Code = 1, Success = true, Message = picUrl });                }                file.InputStream.Close();                file.InputStream.Dispose();                return ConvertToJson(new { Code = -1, Success = false, Message = "上传失败！" });            }            catch            {                file.InputStream.Close();                file.InputStream.Dispose();                return ConvertToJson(new { Code = -1, Success = false, Message = "上传失败！" });            }            finally            {                file.InputStream.Close();                file.InputStream.Dispose();            }        }

   public ActionResult AddPageAnnex(string reqID, string annexName, string annexs)        {            JsonRult result = new JsonRult();            string empid = Session["uID"] == null ? "" : Session["uID"].ToString();            if (empid == "")            {                result.Message = "请先登录";                result.Success = false;                result.Value = "";                var rultResult = Json(result, JsonRequestBehavior.AllowGet);                return rultResult;            }            else            {                EHR.EhrWebService.Android_ServiceSoapClient cli = new EhrWebService.Android_ServiceSoapClient();                string sMsg = null;                var item = cli.AddPageAnnex(reqID, annexName, annexs, ref sMsg);                result.Message = sMsg;                result.Success = (item == 0 ? true : false);                var rultResult = Json(result, JsonRequestBehavior.AllowGet);                return rultResult;            }        }

显示效果：