dialog\dialog_attach.aspx
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>上傳附件</title> <link href="../skin/default/style.css" rel="stylesheet" type="text/css" /> <script src="../../scripts/jquery/jquery-1.11.2.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8" src="../js/jquery.ajaxfileupload.js"></script> <script type="text/javascript"> $(function () { //fup_pic2 上傳控件ID $('#txtfiles').change(function () { upload_pro(); }); }); function upload_pro() { $("#uploadimg").html("<img src='../images/ajax-loading.gif'> 附件上傳中...") $.ajaxFileUpload( { url: '../../tools/upload_ajax.ashx?action=AttachFile&random=' + Math.random(), secureuri: false, fileElementId: 'txtfiles', dataType: 'json', success: function (data, file) { if (data.status == 1) { $(".upload-name").val(data.name); $(".upload-path").val(data.path); $(".upload-size").val(data.size); $("#uploadimg").text("上傳成功"); } else { parent.dialog({ title: '錯誤', content: data.msg, okValue: '確定', ok: function () { } }).showModal(api); $("#uploadimg").text(""); return false; } }, error: function (data, status, e) { $("#uploadimg").text("錯誤"); } }); $('#txtfiles').change(function () { upload_pro(); }); } </script> <script type="text/javascript"> var api = parent.dialog.get(window); //獲取父窗體對象 //頁面加載完成執行 $(function () { //設置按鈕及事件 api.button([{ value: '確定', callback: function () { execAttachHtml(); return false; }, autofocus: true }, { value: '取消', callback: function () { } }]); }); //創建附件節點 function execAttachHtml() { var currDocument = $(document); //當前文檔 if ($("#hidFilePath").val() == "" || $("#hidFileSize").val() == "" || $("#txtFileName").val() == "") { parent.dialog({ title: '提示', content: '沒有找到已上傳附件，請上傳！', okValue: '確定', ok: function () { } }).showModal(api); return false; } var fileExt = $("#hidFilePath").val().substring($("#hidFilePath").val().lastIndexOf(".") + 1).toUpperCase(); var fileSize = Math.round($("#hidFileSize").val() / 1024); var fileSizeStr = fileSize + "KB"; if (fileSize >= 1024) { fileSizeStr = ForDight((fileSize / 1024), 1) + "MB"; } appendAttachHtml($("#txtFileName").val(), $("#hidFilePath").val(), fileExt, fileSize, fileSizeStr); //插件節點 } //創建附件節點的HTML function appendAttachHtml(fileName, filePath, fileExt, fileSize, fileSizeStr) { var liHtml = '<li>' + '<input name="hid_attach_id" type="hidden" value="0" />' + '<input name="hid_attach_filename" type="hidden" value="' + fileName + '" />' + '<input name="hid_attach_filepath" type="hidden" value="' + filePath + '" />' + '<input name="hid_attach_filesize" type="hidden" value="' + fileSize + '" />' + '<i class="icon"></i>' + '<a href="javascript:;" onclick="delAttachNode(this);" class="del" title="刪除附件"></a>' + '<div class="title">' + fileName + '</div>' + '<div class="info">類型：<span class="ext">' + fileExt + '</span> 大小：<span class="size">' + fileSizeStr + '</span> ' + '</li>'; api.close(liHtml).remove(); } //四舍五入函數 function ForDight(Dight, How) { Dight = Math.round(Dight * Math.pow(10, How)) / Math.pow(10, How); return Dight; } </script> </head> <body> <form id="form1" runat="server"> <div class="div-content"> <dl> <dt>選擇文件</dt> <dd><asp:FileUpload ID="txtfiles" runat="server" class="input txt"/> <input type="hidden" id="hidFilePath" class="upload-path" /> <input type="hidden" id="hidFileSize" class="upload-size" /> </dd> </dl> <div class="dl-attach-box"> <dl> <dt>文件名稱</dt> <dd> <input type="text" id="txtFileName" class="input txt upload-name" /> <div class="upload-box upload-attach"></div> </dd> </dl> <dl> <dt></dt> <dd> <span class="tips">上傳文件后，可更改附件名稱</span></dd> </dl> <dl> <dt></dt> <dd><span id="uploadimg"></span></dd> </dl> <style> #uploadimg{color:#000;line-height:32px;font-weight:bold} #uploadimg img{vertical-align:middle} </style> </div> </div> </form> </body> </html>
tools\upload_ajax.ashx加入方法
case "AttachFile"://附件上傳文件 AttachFile(context); break;
#region 上傳附件的方法，有些IE8不支持webuploader，改用ajaxfileupload private void AttachFile(HttpContext context) { bool _iswater = false;//默認不水印 HttpFileCollection files = context.Request.Files; if (files == null) { context.Response.Write(@"{ status : 'error', msg : '" + "請選擇要上傳文件" + @"' }"); context.Response.End(); return; } if (files != null && files.Count > 0) { HttpPostedFile file = files[0]; try { UpLoad upFiles = new UpLoad(); string remsg = upFiles.fileSaveAs(file, false, _iswater); Dictionary<string, object> dic = JsonHelper.DataRowFromJSON(remsg); string status = dic["status"].ToString(); string msg = dic["msg"].ToString(); if (status == "0") { context.Response.Write("{\"status\":0,\"msg\":\"" + msg + "\"}"); return; } else { string name = dic["name"].ToString(); string path = dic["path"].ToString(); string fileSize = dic["size"].ToString(); context.Response.Write("{\"status\":1,\"msg\":\"" + msg + "\",\"path\":\"" + path + "\",\"name\":\"" + name + "\",\"size\":" + fileSize + " }"); } } catch (Exception ex) { context.Response.Write("{\"status\": 0,\"msg\":\"" + ex.Message + "\"}"); context.Response.End(); } } } #endregion