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

Posted

篇首语:我相信:一切事物的价值必将重新得到评估。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 如何实现Jquery的LigerUI文件上传相关的知识,希望对你有一定的参考价值。

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

  一 在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 四 后台cs 写一句关键的 可以返回参数 前台提示

cha138/Article/program/Java/JSP/201311/20623

相关参考

知识大全 C#用jquery多个文件上传

C#用jquery多个文件上传  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  <%@Pag

知识大全 Jquery中LigerUi的弹出编辑框(实现方法)

Jquery中LigerUi的弹出编辑框(实现方法)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

知识大全 Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容

知识大全 浅析LigerUi开发中谨慎载入common.css文件

浅析LigerUi开发中谨慎载入common.css文件  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下

知识大全 jquery.blockUI.js实现上传滚动等待效果

jquery.blockUI.js实现上传滚动等待效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码

jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们

知识大全 asp 文件上传aspjpeg组件上传文件

cha138/Article/program/net/201311/14386

知识大全 asp限制上传文件大小实例

  一款利用asp文件上传组件把文件上传到服务器之前进行判断文件大小否超过指定大小了本实例讲的是upload_xsoft文件上传组件哦filefilesize>就可以限制文件为多少klishix

知识大全 nginx+php上传大文件解决办法

最常用的方法是通过设置nginx的client_max_body_size解决nginx+php上传大文件主要是设置上传文件大小和php脚本运行时长即可用nginx来做webserver的时上传大文件

知识大全 PHP 文件编程综合案例-文件上传的实现

PHP文件编程综合案例-文件上传的实现  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  PHP文件