一、前台页面 无后台.cs文件 静态页页都可
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <link href="jquery.uploadify/example/css/default.css" rel="stylesheet" type="text/css" /> <link href="jquery.uploadify/uploadify.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.uploadify/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.uploadify/swfobject.js"></script> <script type="text/javascript" src="jquery.uploadify/jquery.uploadify.v2.1.0.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#uploadify").uploadify({ 'uploader': 'jquery.uploadify/uploadify.swf', //uploadify.swf 文件的相对路径 'script': 'uploadImg.aspx', //后台处理程序的相对路径 'cancelImg': 'jquery.uploadify/cancel.png', //删除按钮图片路径 'folder': 'upload', //上传文件存放的目录 'queueID': 'fileQueue', //文件队列的ID 'auto': false, //设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传 。 'multi': true, //设置为true时可以上传多个文件 'fileSizeLimit': '1MB', //设置上传文件的容量最大值 'fileDesc':'请选择jpg png gif文件', //设置选择文件对话框中的提示文本 'fileExt': '*.jpg;*.png;*.gif' //设置可以选择的文件的类型 }); }); </script> </head> <body> <form id="form1" runat="server"> <div id="fileQueue"> </div> <input type="file" name="uploadify" id="uploadify" /> <p> <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()"> 取消上传</a> </p> </form> </body> </html>
二、上传程序文件 uploadImg.aspx 程序文件 前台为空白页 只要有后台程序处理即可
protected void Page_Load(object sender, EventArgs e) { try { //获取上传的文件数据 HttpPostedFile file = Request.Files["Filedata"]; string fileName = file.FileName; string fileType = Path.GetExtension(fileName).ToLower(); //由于不同浏览器取出的FileName不同(有的是文件绝对路径,有的是只有文件名),故要进行处理 if (fileName.IndexOf(' ') > -1) { fileName = fileName.Substring(fileName.LastIndexOf(' ') + 1); } else if (fileName.IndexOf('/') > -1) { fileName = fileName.Substring(fileName.LastIndexOf('/') + 1); } //上传的目录 string uploadDir ="~/upload/"+ System.DateTime.Now.ToString("yyyyMMdd"); //上传的路径 //生成年月文件夹及日文件夹 if (!Directory.Exists(Server.MapPath(uploadDir))) { Directory.CreateDirectory(Server.MapPath(uploadDir)); } string uploadPath = uploadDir + "/" + Guid.NewGuid() + fileType; //uploadDir + Xiaobin.Utility.Tool.MD5(fileName).Substring(0, 8) + fileType; //保存文件 file.SaveAs(Server.MapPath(uploadPath)); //下面这句代码缺少的话,上传成功后上传队列的显示不会自动消失 Response.Write("1"); } catch { Response.Write("0"); } }