fileupload插件 上传文件自带进度条

 
fileupload文件包可下载

<script src="fileupload/jquery-1.4.4.min.js" type="text/javascript"
        language="javascript"></script>
    <!-- 脚本部分提示修改为中文 -->
    <script src="fileupload/jquery.uploadify.js" type="text/javascript"
        language="javascript"></script>
    <link href="fileupload/uploadify.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript">
        $(function () {
            $("#file_upload").uploadify({
                'auto': false,                      //是否自动上传
                'swf': 'fileupload/uploadify.swf',      //上传swf控件,不可更改
                'uploader': 'Handler.ashx',            //上传处理页面,可以aspx
                'fileTypeDesc': 'pdf文件或者图像',
                'fileTypeExts': '*.doc;*.docx;*.pdf;*.swf;*.xls;*.xlsx;*.rar;*.zip;*.ppt;*.pptx;*.txt',   //文件类型限制,默认不受限制
                'buttonText': '浏览文件', //按钮文字
                'width': 100,
                'height': 26,
                //最大文件数量'uploadLimit':
                'multi': false, //单选            
                'fileSizeLimit': '50MB',
                'queueSizeLimit': 1,  //队列限制
                'removeCompleted': false,
                //返回一个错误，选择文件的时候触发    
                'onSelectError': function (file, errorCode, errorMsg) {
                    switch (errorCode) {
                        case -100:
                            alert("上传的文件数量已经超出系统限制的" + $('#file_upload').uploadify('settings', 'queueSizeLimit') + "个文件！");
                            break;
                        case -110:
                            alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#file_upload').uploadify('settings', 'fileSizeLimit') + "大小！");
                            break;
                        case -120:
                            alert("文件 [" + file.name + "] 大小异常！");
                            break;
                        case -130:
                            alert("文件 [" + file.name + "] 类型不正确！");
                            break;
                    }
                },
                //检测FLASH失败调用    
                'onFallback': function () {
                    alert("您未安装FLASH控件，无法上传文件！请安装FLASH控件后再试。");
                },
                //上传到服务器，服务器返回相应信息到data里    
                'onUploadSuccess': function (file, data, response) {
                    if (data.length > 0) {
                        var str = data.match(/[^\\]+$/); 
                    }


                    alert("电子书文件上传成功!");
                    $("#file_upload").hide();
                    $("#BtnDoUpload").hide();
                    $("#BtnDoClose").hide();  //上传，取消按钮隐藏
                    $("#BtnDoAlone").show();  //重新上传按钮显示
                }
            });
        });
        //开始上传  
        function doUpload() {
            $('#file_upload').uploadify('upload', '*');
        }
        //停止上传  
        function closeLoad() {
            $('#file_upload').uploadify('cancel', '*');
        }
        function aloneLoad() {
            $('#file_upload').uploadify('cancel', '*');
            $("#file_upload").show();
            $("#BtnDoUpload").show();
            $("#BtnDoClose").show();  //上传，取消按钮显示
            $("#BtnDoAlone").hide();  //重新上传按钮隐藏
        }
    </script>

新增一个ashx文件

public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            context.Response.Charset = "utf-8";

            HttpPostedFile file = context.Request.Files["Filedata"];
            string uploadPath = FZWConfiguration.DocumentAnnex + "\\";
            string documentAnnex = System.IO.Path.GetFileName(file.FileName);
            string filename = DateTime.Now.ToString("yyyyMMddhhmmssffff") + System.IO.Path.GetExtension(documentAnnex);
            if (file != null)
            {
                if (!Directory.Exists(uploadPath))
                {
                    Directory.CreateDirectory(uploadPath);
                }
                file.SaveAs(uploadPath + filename);
                //生成缩略图     
            }

            context.Response.Clear();
            context.Response.Write(uploadPath + filename);
            context.Response.End();
            //if (context.Request.Files.Count > 0)
            //{
            //    //HttpContext.Current.Request.FilePath;
            //    string strPath = FZWConfiguration.DocumentAnnex + "\\";
            //    string strName = context.Request.Files[0].FileName;

            //    string documentAnnex = System.IO.Path.GetFileName(strName);
            //    string filename = DateTime.Now.ToString("yyyyMMddhhmmssffff") + System.IO.Path.GetExtension(documentAnnex);

            //    context.Request.Files[0].SaveAs(System.IO.Path.Combine(strPath, filename));
            //}
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }