Ajax文件上传

UI

<iframe id="upIframe" name="upIframe" frameborder="0" src="" style="display:none;"></iframe><form id="UploadPrjForm" method="post" action="/FileUtil/UploadPrjFile" enctype="multipart/form-data">    <label>上传Excel：</label> <input name="pf_excel" type="file" /><br /><br />    <label>上传 CAD：</label> <input name="pf_cad" type="file" /><br /><br />    <input type="hidden" name="prjID" value="1" />    <input type="button" name="uploadpf" onclick="uploadPrjFile();" value="上传" /></form>

JS

uploadPrjFile: function(){    $("#UploadPrjForm").ajaxSubmit({        target: "#upIframe",        dataType: 'script',        success: function(data){            if(uFile != undefined){               alert(uFile.Message);            }            else{                alert("上传错误");            }        }    });    return false;}

MVC

[HttpPost]public ActionResult UploadPrjFile(){    string rtJs = string.Empty;    try    {        //处理文件上传逻辑         HttpPostedFileBase file = Request.Files[0];        rtJs = "Status:true,Message:'上传成功'";    }    catch (Exception ex)    {        rtJs = "Status:false,Message:'" + ex.Message + "'";    }    rtJs = "var uFile = {" + rtJs + "}";    return Content(rtJs);}

说明

1. UI必须引用AjaxForm插件，以异步提交表单；
2. ajax返回类型(datatype)必须为script才能正常获取服务器返回的内容，这里为MVC部分的rtJs