熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

如何實現Jquery的LigerUI文件上傳

2013-11-15 12:16:37  來源: JSP教程 

  一在Head中加入

  <script src="/lib/js/ajaxfileuploadjs" type="text/javascript"></script>
<script src="/lib/js/ligeruiexpandjs" type="text/javascript"></script>

  二Html中的Div代碼

  <div id="AppendBill_Div" style="display:none;"> <% 上傳 %>
<table style="height:%;width:%">
<tr style="height:px">
<td style="width:%">
圖標:
</td>
<td><input type="file" style="width:px" id="fileupload" name="fileupload"/>
</td>
</tr>

</table>

</div>

  三Js中寫的是關鍵部分會LigerUI的朋友你懂得

  grid中添加項【存地址字段】
{ display: "掃描件" name: "AppendBillPath" width: type: "text" align: "left" }
Form可添加項【存地址和彈出選擇框】

  { name: "AppendBillPath" type: "hidden" } // 上傳
{ display: "掃描件" name: "AppendBillPath" comboboxName: "AppendBillPath" newline: true labelWidth: width: space: type: "select" options: {}} // 上傳
$ligeruiget("AppendBillPath")set(onBeforeOpen f_selectAppendBillPath_) // 【掃描件】 // 上傳
事件

  // #region ======================================= 【上傳掃描件窗口】 // 上傳

  
var AppendBillPathDetail = null;
function f_selectAppendBillPath_() {
var imageurl = $("#AppendBill")val();
var AppendBill_Id = $("#AppendBill")val(); // 單號
if (imageurllength == ) {
LGshowError("您沒有輸入單號請輸入隨單號!");
return;
}

  
if (AppendBillPathDetail) {
AppendBillPathDetailshow();

  
}
else {

  
AppendBillPathDetail = $ligerDialogopen({
target: $("#AppendBill_Div") title: 添加圖標
width: height: top: left: // 彈出窗口大小
buttons: [
{ text: 上傳 onclick: function () { AppendBillPath_save(); } }
{ text: 取消 onclick: function () { AppendBillPathDetailhide(); } }
]
});
}
}

  
function AppendBillPath_save()
{

  
var imgurl = $("#fileupload")val();
// var filehelpcode = $("#filehelpcode")val();

  var extend = imgurlsubstring(imgurllastIndexOf("") imgurllength);
extend = extendtoLowerCase();
if (extend == "jpg" || extend == "jpeg" || extend == "png" || extend == "gif" || extend == "bmp")
{
}
else
{

  
LGshowError("請上傳jpgjpeppnggifbmp格式的圖片文件");

  
return;
}
var imageurl = $("#AppendBill")val(); // extend
alert(imageurl);

  
$ajaxFileUpload({
url: "/handle/ImageUploadaspx?imageurl=" + imageurl // 上傳 aspx文件
secureuri: false
fileElementId: "fileupload" //Input file id

  
dataType: "text"
success: function (data status)
{

  
// // 保存路徑

  
// $("#AppendBillPath")val(Data);

LGtip(data);
f_reload();
}
error: function (data status e) {
LGshowError(data);

  
}
});

  
}

  
// #endregion
後台cs寫一句關鍵的可以返回參數前台提示

  string url = ServerMapPath("/Image/" + gfilename + filenameext); // 執行上傳操作


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20623.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.