ajax上传文件

步骤一:前端

$("#uploadImage").change(function () {
                var filemaxsize = 1024 * 30;//30M  限制上传最大是30M                
                var size = this.files[0].size / 1024;//上传的大小
                if (size > filemaxsize) {
                    alert("附件大小不能超过30M");
                    return;
                }                                
                var filePath = $(this).val();
                if (filePath.indexOf("doc") != -1 || filePath.indexOf("docx") != -1) {
                    var formData = new FormData();
                    formData.append("FileUpload1", this.files[0]);

                    $.ajax({
                        url: '/LiuBH_Ashx/UploadWord.ashx',
                        type: "POST",
                        data: formData,
                        /**
                        *必须false才会自动加上正确的Content-Type
                        */
                        contentType: false,
                        /**
                        * 必须false才会避开jQuery对 formdata 的默认处理
                        * XMLHttpRequest会对 formdata 进行正确的处理
                        */
                        processData: false,
                        success: function (data) {
                            var arr = filePath.split('\\');
                            var fileName = arr[arr.length - 1];
                            $("#paperPath").val(fileName);
                            $("#fileUpPath").val(data);
                            
                            // $("#imgWait").hide();
                        }
                    });                                                           

                } else {
                    alert("请上传后缀名是.doc或.docx的word类型文档!");
                }
               
});




 <div class="cell-item">
                
      <div class="cell-left">
           <a href="javascript:;" class="file">选择文件                      
                        <input type="file" name="uploadImage" id="uploadImage">
                        <input type="hidden" id="fileUpPath" />                       
            </a>
       </div>
       <div class="cell-right" >
           <input id="paperPath" style="padding-left:10px;font-size:small" type="text"  class="cell-input" placeholder="" autocomplete="off" />
        </div>
 </div>

 

步骤二  后端

public class UploadWord : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //context.Response.Write("Hello World");
            HttpPostedFile file = context.Request.Files["FileUpload1"];
            
           // string path = Tools.GetSafeStr(context.Request.Files["path"].ToString());
            string fileType = (context.Request.Files["fileType"] == null) ? "*" : Tools.GetSafeStr(context.Request.Files["fileType"].ToString());
            UploadFile uf = new UploadFile();

            /*可选参数*/
            uf.SetIsUseOldFileName(false);//是否使用原始文件名作为新文件的文件名(默认:true),true原始文件名,false系统生成新文件名
            uf.SetFileDirectory(context.Server.MapPath("/HH_UploadFiles/word/"));//文件保存路径(默认:/UploadFiles)
            uf.SetFileType(fileType);//允许上传的文件类型, 逗号分割,必须全部小写! *表示所有 (默认值: .pdf,.xls,.xlsx,.doc,.docx,.txt,.png,.jpg,.gif ) 
            uf.SetIsRenameSameFile(true);//重命名同名文件?

            //文件以时间分目录保存
            UploadFile.ResponseMessage message = uf.Save(file); //  “/file/temp3/2015/4/xx.jpg”

            //文件以编号分目录保存
            //var message2 = uf.Save(file, "001" /*编号*/);  //   “/file/temp3/001/xx.jpg”


            //返回信息
            bool isError = message.Error;//判段是否上传成功
            string webPath = message.WebFilePath;//返回web路径
            string msg = message.Message;//返回上传信息
            string filePath = message.FilePath;//反回文件路径
            if (!isError)
            {
                context.Response.Write(webPath);
            }
            else
            {
                context.Response.Write(msg);
                //context.Response.Write("上传失败");
            }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

步骤三  涉及到的上传文件帮助类UploadFile 

// <summary>
    /// ** 描述:单文件上传类 (暂时不支持多文件上传)
    /// ** 创始时间:2015-5-27
    /// ** 修改时间:-
    /// ** 作者:sunkaixuan
    /// </summary>
    public class UploadFile
    {

        private ParamsModel Params;
        public UploadFile()
        {
            Params = new ParamsModel()
            {
                FileDirectory = "/HH_UploadFiles",
                FileType = ".pdf,.xls,.xlsx,.doc,.docx,.txt,.png,.jpg,.gif",
                MaxSizeM = 10,
                PathSaveType = PathSaveType.dateTimeNow,
                IsRenameSameFile = true
            };
        }

        /// <summary>
        /// 文件保存路径(默认:/upload)
        /// </summary>
        public void SetFileDirectory(string fileDirectory)
        {
            if (fileDirectory == null)
            {
                throw new ArgumentNullException("fileDirectory");
            }

            var isMapPath = Regex.IsMatch(fileDirectory, @"[a-z]\:\\", RegexOptions.IgnoreCase);
            if (isMapPath)
            {
                fileDirectory = GetRelativePath(fileDirectory);
            }
            Params.FileDirectory = fileDirectory;
        }


        /// <summary>
        /// 是否使用原始文件名作为新文件的文件名(默认:true)
        /// </summary>
        /// <param name="isUseOldFileName">true原始文件名,false系统生成新文件名</param>
        public void SetIsUseOldFileName(bool isUseOldFileName)
        {
            Params.IsUseOldFileName = isUseOldFileName;
        }

        /// <summary>
        /// 允许上传的文件类型, 逗号分割,必须全部小写! *表示所有 (默认值: .pdf,.xls,.xlsx,.doc,.docx,.txt,.png,.jpg,.gif ) 
        /// </summary>
        public void SetFileType(string fileType)
        {
            Params.FileType = fileType;
        }
        /// <summary>
        /// 允许上传多少大小(单位:M)
        /// </summary>
        public void SetMaxSizeM(double maxSizeM)
        {
            Params.MaxSizeM = maxSizeM;
        }
        /// <summary>
        /// 重命名同名文件?
        /// </summary>
        /// <param name="isRenameSameFile">true:重命名,false覆盖</param>
        public void SetIsRenameSameFile(bool isRenameSameFile)
        {
            Params.IsRenameSameFile = isRenameSameFile;
        }


        /// <summary>
        /// 保存表单文件
        /// </summary>
        /// <param name="postFile">HttpPostedFile</param>
        /// <returns></returns>
        public ResponseMessage Save(HttpPostedFile postFile)
        {
            return CommonSave(postFile);
        }



        /// <summary>
        /// 保存表单文件,根据编号创建子文件夹
        /// </summary>
        /// <param name="postFile">HttpPostedFile</param>
        /// <param name="number">编号</param>
        /// <returns></returns>
        public ResponseMessage Save(HttpPostedFile postFile, string number)
        {

            Params.PathSaveType = PathSaveType.code;
            _Number = number;
            return CommonSave(postFile);
        }


        /// <summary>
        /// 保存表单文件,根据HttpPostedFile
        /// </summary>
        /// <param name="postFile">HttpPostedFile</param>
        /// <param name="isRenameSameFile">值为true 同名文件进行重命名,false覆盖原有文件</param>
        /// <param name="fileName">新的文件名</param>
        /// <returns></returns>
        private ResponseMessage CommonSave(HttpPostedFile postFile)
        {

            ResponseMessage reval = new ResponseMessage();
            try
            {
                if (postFile == null || postFile.ContentLength == 0)
                {
                    TryError(reval, "没有文件!");
                    return reval;
                }

                //文件名
                string fileName = Params.IsUseOldFileName ? postFile.FileName : DateTime.Now.ToString("yyyyMMddhhmmssms") + Path.GetExtension(postFile.FileName);

                //验证格式
                this.CheckingType(reval, postFile.FileName);
                //验证大小
                this.CheckSize(reval, postFile);

                if (reval.Error) return reval;


                string webDir = string.Empty;
                // 获取存储目录
                var directory = this.GetDirectory(ref webDir);
                var filePath = directory + fileName;
                if (System.IO.File.Exists(filePath))
                {
                    if (Params.IsRenameSameFile)
                    {
                        filePath = directory + DateTime.Now.ToString("yyyyMMddhhssms") + "-" + fileName;
                    }
                    else
                    {
                        System.IO.File.Delete(filePath);
                    }
                }
                // 保存文件
                postFile.SaveAs(filePath);
                reval.FilePath = filePath;
                reval.FilePath = webDir + fileName;
                reval.FileName = fileName;
                reval.WebFilePath = webDir + fileName;
                return reval;
            }
            catch (Exception ex)
            {
                TryError(reval, ex.Message);
                return reval;
            }
        }

        private void CheckSize(ResponseMessage message, HttpPostedFile PostFile)
        {
            if (PostFile.ContentLength / 1024.0 / 1024.0 > Params.MaxSizeM)
            {
                TryError(message, string.Format("对不起上传文件过大,不能超过{0}M!", Params.MaxSizeM));
            }
        }
        /// <summary>
        /// 根据物理路径获取相对路径
        /// </summary>
        /// <param name="fileDirectory"></param>
        /// <param name="sever"></param>
        /// <returns></returns>
        private static string GetRelativePath(string fileDirectory)
        {
            var sever = HttpContext.Current.Server;
            fileDirectory = "/" + fileDirectory.Replace(sever.MapPath("~/"), "").TrimStart('/').Replace('\\', '/');
            return fileDirectory;
        }

        /// <summary>
        /// 获取目录
        /// </summary>
        /// <returns></returns>
        private string GetDirectory(ref string webDir)
        {
            var sever = HttpContext.Current.Server;
            // 存储目录
            string directory = Params.FileDirectory;

            // 目录格式
            string childDirectory = DateTime.Now.ToString("yyyy-MM/dd");
            if (Params.PathSaveType == PathSaveType.code)
            {
                childDirectory = _Number;
            }
            webDir = directory.TrimEnd('/') + "/" + childDirectory + '/';
            string dir = sever.MapPath(webDir);
            // 创建目录
            if (Directory.Exists(dir) == false)
                Directory.CreateDirectory(dir);
            return dir;
        }

        /// <summary>
        /// 验证文件类型)
        /// </summary>
        /// <param name="fileName"></param>
        private void CheckingType(ResponseMessage message, string fileName)
        {
            if (Params.FileType != "*")
            {
                // 获取允许允许上传类型列表
                string[] typeList = Params.FileType.Split(',');

                // 获取上传文件类型(小写)
                string type = Path.GetExtension(fileName).ToLowerInvariant(); ;

                // 验证类型
                if (typeList.Contains(type) == false)
                    this.TryError(message, "文件类型非法!");
            }
        }

        /// <summary>
        /// 抛出错误
        /// </summary>
        /// <param name="Msg"></param>
        private void TryError(ResponseMessage message, string msg)
        {
            message.Error = true;
            message.Message = msg;
        }

        #region models

        private class ParamsModel
        {
            /// <summary>
            /// 文件保存路径
            /// </summary>
            public string FileDirectory { get; set; }
            /// <summary>
            /// 允许上传的文件类型, 逗号分割,必须全部小写!
            /// </summary>
            public string FileType { get; set; }
            /// <summary>
            /// 允许上传多少大小
            /// </summary>
            public double MaxSizeM { get; set; }
            /// <summary>
            /// 路径存储类型
            /// </summary>
            public PathSaveType PathSaveType { get; set; }
            /// <summary>
            /// 重命名同名文件?
            /// </summary>
            public bool IsRenameSameFile { get; set; }
            /// <summary>
            /// 是否使用原始文件名
            /// </summary>
            public bool IsUseOldFileName { get; set; }
        }


        /// <summary>
        /// 路径存储类型
        /// </summary>
        public enum PathSaveType
        {
            /// <summary>
            /// 根据时间创建存储目录
            /// </summary>
            dateTimeNow = 0,
            /// <summary>
            /// 根据ID编号方式来创建存储目录
            /// </summary>
            code = 1

        }
        private string _Number { get; set; }

        /// <summary>
        /// 反回信息
        /// </summary>
        public class ResponseMessage
        {
            /// <summary>
            /// 上传错误
            /// </summary>
            public bool Error { get; set; }
            /// <summary>
            /// 消息
            /// </summary>
            public string Message { get; set; }
            /// <summary>
            /// 文件路径
            /// </summary>
            public string FilePath { get; set; }
            /// <summary>
            /// 网站路径
            /// </summary>
            public string WebFilePath { get; set; }
            /// <summary>
            /// 获取文件名
            /// </summary>
            public string FileName { get; set; }

        }
        #endregion
    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值