页面代码: <mce:script src="js/jquery/jquery-1.3.1.min.js" mce_src="js/jquery/jquery-1.3.1.min.js" type="text/javascript"></mce:script> <mce:script src="js/jquery/external/swfobject.js" mce_src="js/jquery/external/swfobject.js" type="text/javascript"></mce:script> <mce:script src="js/File.js" mce_src="js/File.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function () { var File = new yijs.File({ applyTo: "#upload", queueApplyTo: "#fileQueue", swf: 'File.swf', btnBg: 'style/default/images/file_btn_browse_bg.png', btnHoverBg: 'style/default/images/file_btn_browse_bg_hover.png', allowedExt: ";*.jpg; *.jpeg; *.gif; *.png", allowedExtDesc: "Images(*.jpg; *.jpeg; *.gif; *.png)", uploadLimit: 4, folder: 'file/', multi:true, script: 'scripts/UploadHandler.ashx', listeners: { render: function (evt) { var _msg = "组件运行完成!"; addMsg(evt, _msg); }, select: function (evt, id, oFile) { var _msg = "你选择的文件是:" + oFile.name + "," + "大小为:" + File.setByteSize(oFile.size); addMsg(evt, _msg); }, open: function (evt, id, oFile) { var _msg = "即将上传的文件是:" + oFile.name + "," + "大小为:" + File.setByteSize(oFile.size); addMsg(evt, _msg); }, progress: function (evt, id, oFile, data) { var _msg = "正在上传的文件是:" + oFile.name + "," + "完成度为:" + data.percentage + "%"; addMsg(evt, _msg); }, complete: function (evt, id, oFile, data) { var _msg = data.name + "上传完成," + "文件路径:" + data.filePath + "。"; addMsg(evt, _msg); }, allComplete: function (evt, data) { var _msg = "文件全部上传完成!上传了" + data.uploadSize + "个文件,总共大小为" + File.setByteSize(data.allBytesLoaded) + "。"; addMsg(evt, _msg); }, fileExist: function (evt, name) { var _msg = name + "已经存在!"; addMsg(evt, _msg); }, cancel: function (evt, id, oFile, data) { var _msg = oFile.name + "取消上传。"; addMsg(evt, _msg); } }, sizeLimit: 5000 //单位为KB }); File.render(); $("#clearDeugPanel").click(function () { $("#deugPanel").html(""); }) }); function addMsg(evt, msg) { $("#deugPanel").append("<p>事件名称:" + evt.type + "," + msg + "</p>"); $("#deugPanel > p:odd").addClass("odd"); $("#deugPanel > p:last").fadeIn("fast"); } // --></mce:script> <link href="style/default/file.css" mce_href="style/default/file.css" rel="stylesheet" type="text/css" /> <link href="style/default/basic.css" mce_href="style/default/basic.css" rel="stylesheet" type="text/css" /> <link href="style/demoStyle/demo.css" mce_href="style/demoStyle/demo.css" rel="stylesheet" type="text/css" /> <mce:style type="text/css"><!-- .file_left_label{float:left;margin-top:16px;} .file_upload_caption{color:#C00;padding:10px;} #fileQueue{margin:10px;} --></mce:style><style type="text/css" mce_bogus="1">.file_left_label{float:left;margin-top:16px;} .file_upload_caption{color:#C00;padding:10px;} #fileQueue{margin:10px;}</style> </head> <body> <form id="form1" runat="server"> <h2 class="demo_h2 bor-t-no">基础配置下的示例</h2> <div style="padding:6px;" mce_style="padding:6px;" id="upload_vessel"> <label class="file_left_label">图片上传:</label><input type="file" name="upload" id="upload" /> <input name="" type="button" id="clearDeugPanel" value="清除调试面板信息" /> <asp:Button ID="Button1" runat="server" οnclick="Button1_Click" Text="Button" /> </div> <p class="file_upload_caption">只允许上传*.jpg; *.jpeg; *.gif; *.png格式的图片</p> <div id="fileQueue"> </div> <div id="deugPanel"> </div> </form> </body> 一般处理程序: <%@ WebHandler Language="C#" Class="UploadHandler" %> using System; using System.Web; using System.IO; public class UploadHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; HttpPostedFile file = context.Request.Files[0]; var postFileName =file.FileName; var postFileExt = Path.GetExtension(postFileName); var fileData = new byte[file.ContentLength]; context.Response.Write("true"); } public bool IsReusable { get { return false; } } }