知识大全解析Jquery的LigerUI如何实现文件上传

Posted 2022-07-20 知

篇首语：生也有涯，知也无涯。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全解析Jquery的LigerUI如何实现文件上传相关的知识，希望对你有一定的参考价值。

解析Jquery的LigerUI如何实现文件上传 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

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

　　一在Head中加入 <script src= /lib/js/ajaxfileupload js type=text/javascript></script> <script src= /lib/js/ligerui expand js type=text/javascript></script> 二 Html中的Div代码

复制代码代码如下: <div id="AppendBill_Div" > <% 上传单 %> <table > <tr > <td > 图标: </td> <td><input type=file 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" boboxName: "AppendBillPath " newline: true labelWidth: width: space: type: "select" options: // 上传【】 $ ligerui get("AppendBillPath ") set( onBeforeOpen f_selectAppendBillPath_ ) // 【扫描件】 // 上传【】事件 // #region ======================================= 【上传扫描件窗口】 // 上传【】

复制代码代码如下: var AppendBillPathDetail = null; function f_selectAppendBillPath_ () var imageurl = $("#AppendBill") val(); var AppendBill_Id = $("#AppendBill") val(); // 单号 if (imageurl length == ) LG showError("您没有输入单号请输入随单号！"); return; if (AppendBillPathDetail) AppendBillPathDetail show(); else AppendBillPathDetail = $ ligerDialog open( target: $("#AppendBill_Div") title: 添加图标 width: height: top: left: // 弹出窗口大小 buttons: [ text: 上传 onclick: function () AppendBillPath_save(); text: 取消 onclick: function () AppendBillPathDetail hide(); ] ); function AppendBillPath_save() var imgurl = $("#fileupload") val(); // var filehelpcode = $("#filehelpcode") val(); var extend = imgurl substring(imgurl lastIndexOf(" ") imgurl length); extend = extend toLowerCase(); if (extend == " jpg" || extend == " jpeg" || extend == " png" || extend == " gif" || extend == " bmp") else LG showError("请上传jpg jpep png gif bmp格式的图片文件"); return; var imageurl = $("#AppendBill") val(); // extend alert(imageurl); $ ajaxFileUpload( url: " /handle/ImageUpload aspx?imageurl=" + imageurl // 上传【】 aspx文件 secureuri: false fileElementId: "fileupload" //Input file id dataType: "text" success: function (data status) // // 保存路径 // $("#AppendBillPath ") val(Data); LG tip(data); f_reload(); error: function (data status e) LG showError(data); ); // #endregion cha138/Article/program/Java/JSP/201311/20041

知识大全 解析Jquery的LigerUI如何实现文件上传

知识大全解析Jquery的LigerUI如何实现文件上传