附件上传-02

本demo基于bootstrap-prettyfile.js

html代码如下：

 <div id="file-pretty">
                    <form id="ui-form-file-upload" name="form-file-upload" method="post" target="ui-iframe-file-upload" action="/Env/SoilSampleCheck/FileSubmit" enctype="multipart/form-data">
                        <input type="file" name="fileName" class="form-control" style="display:none;">
                        <input type="hidden" name="projectId" id="hidProjectId" />
                    </form>
                    <iframe name="ui-iframe-file-upload" id="ui-iframe-file-upload" style="position:absolute; top:-9999px; left:-9999px;"></iframe>
                </div>

JavaScript代码如下：

//文件上传
                $('#file-pretty input[type="file"]').prettyFile().change(function () {

                    var projectId = $("#hidProjectId").val();
                    if (projectId == "") {
                        tincher.message("请先选择项目", "error");
                    } else {

                        var param = { projectId: projectId };
                        param = $.forgeryToken(param);
                        tincher.execute("/Env/SoilSampleCheck/CheckSoilItem1", param, function (result, response) {
                            if (result) {
                                $("#ui-form-file-upload").submit();
                            } else {
                                tincher.message(response.message, "error");
                            }
                        });
                    }
                });

  $("#ui-iframe-file-upload").on('load', function () {
                    var response = "";
                    if (this.contentWindow) {
                        response = this.contentWindow.document.body ? this.contentWindow.document.body.innerText : null;

                    } else if (this.contentDocument) {
                        response = this.contentDocument.document.body ? this.contentDocument.document.body.innerText : null;
                    }
                    if (response != "") {
                        //有返回值
                        var result = JSON.parse(response) || {};
                        tincher.message(result.message);
                        if (result.state == "success") {
                            $("#hidFilePath").val(result.context.url);
                            excelShow();
                        }
                    }
                })

C#代码如下：

 /// <summary>
        /// 单个文件上传
        /// </summary>
        /// <returns></returns>
        [HttpPost]
        public ActionResult FileSubmit(FormCollection form)
        {
            //文件
            var postFiles = Request.Files;
            //没有文件
            if (postFiles == null && postFiles.Count == 0)
            {
                return Error("请选择要上传的附件");
            }
            try
            {
                var postFile = postFiles[0];
                Thread.Sleep(200);////延迟200毫秒
                //文件保存目录路径
                string savePath = "/Content/attached/";
                //模块名
                var module = "SoilSampleCheckModule";
                var projectId = form["projectId"];
                //真实路径
                var realPath = Server.MapPath(savePath);
                //创建文件夹-模块文件夹
                realPath += module + "\";
                savePath += module + "/";
                if (!Directory.Exists(realPath))
                {
                    Directory.CreateDirectory(realPath);
                }
                //创建文件夹-日期文件夹
                string ymd = DateTime.Now.ToString("yyyyMMdd", DateTimeFormatInfo.InvariantInfo);
                realPath += ymd + "\";
                savePath += ymd + "/";
                if (!Directory.Exists(realPath))
                {
                    Directory.CreateDirectory(realPath);
                }
                //扩展名
                string fileExt = Path.GetExtension(postFile.FileName);
                //文件名
                var fullFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt;
                //保存文件
                postFile.SaveAs(realPath + fullFileName);
                //返回保存的url
                savePath += fullFileName;
                return Success("上传成功!", new { name = postFile.FileName, url = savePath });
            }
            catch (Exception ex)
            {
                return Error(ex.Message);
            }
        }