javascript

位置:IT落伍者 >> javascript >> 浏览文章

如何实现Jquery的LigerUI文件上传


发布日期:2018年11月10日
 
如何实现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); // 执行上传操作

               

上一篇:jQuery实现类似淘宝购物车全选状态示例

下一篇:JS字符串处理实例