解析Jquery的LigerUI如何实现文件上传

本篇文章是对Jquery中的LigerUI实现文件上传的方法进行了分析介绍需要的朋友可以参考下

一在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); // 执行上传操作