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; } }
fileupload插件 上传文件自带进度条
最新推荐文章于 2018-04-26 08:42:36 发布