麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

解析Jquery的LigerUI如何實現(xiàn)文件上傳

2019-11-20 22:32:38
字體:
供稿:網(wǎng)友
一、在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" style="display:none;">    <%-- 上傳 - 單 --%>
          <table style="height:100%;width:100%">
                <tr style="height:40px">
                    <td style="width:20%">
                        圖標:
                    </td>
                    <td><input type="file"  style="width:200px" id="fileupload" name="fileupload"/>
                    </td>
                </tr>
          </table>
     </div>

三、Js中-寫的是關鍵部分,會LigerUI的朋友-你懂得
   1、grid中添加項【存地址字段】
      { display: "掃描件", name: "AppendBillPath", width: 120, type: "text", align: "left" }
   2、Form可添加項【存地址和彈出選擇框】
          { name: "AppendBillPath1", type: "hidden" }, // --上傳-【5】--
          { display: "掃描件", name: "AppendBillPath", comboboxName: "AppendBillPath2", newline: true, labelWidth: 100, width: 150, space: 30, type: "select", options: {}} // --上傳-【6】--
          $.ligerui.get("AppendBillPath2").set('onBeforeOpen', f_selectAppendBillPath_1)  // 【掃描件】 // --上傳-【7】--
   3、事件
      // #region ======================================= 【上傳掃描件窗口】  // --上傳-【8】--
復制代碼 代碼如下:

      var AppendBillPathDetail = null;
      function f_selectAppendBillPath_1() {
          var imageurl = $("#AppendBill").val();
          var AppendBill_Id = $("#AppendBill").val();  // 單號
          if (imageurl.length == 0) {
              LG.showError("您沒有輸入單號,請輸入隨單號!");
              return;
          }
          if (AppendBillPathDetail) {
              AppendBillPathDetail.show();
          }
          else {
              AppendBillPathDetail = $.ligerDialog.open({
                  target: $("#AppendBill_Div"), title: '添加圖標',
                  width: 360, height: 170, top: 170, left: 280,  // 彈出窗口大小
                  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, // --上傳-【9】-- aspx文件
              secureuri: false,
              fileElementId: "fileupload", //Input file id
              dataType: "text",
              success: function (data, status)
              {
                  // ----------------- // 保存路徑
                 // $("#AppendBillPath2").val(Data);

                  LG.tip(data);
                  f_reload();
              },
              error: function (data, status, e) {
                  LG.showError(data);
              }
          });
      }
      // #endregion

四、后臺cs,寫一句關鍵的,可以返回參數(shù),前臺提示
    string url = Server.MapPath("/Image/" + gfilename + filenameext);   // 執(zhí)行上傳操作
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 免费日本一区二区 | 午夜视频在线免费 | 日韩精品中文字幕在线观看 | 在线中文资源免费 | 久久久久久久久久久久久九 | 日本一区二区不卡高清 | 亚洲片在线观看 | 欧美视频一区二区三区 | 成人免费一区二区三区视频网站 | 蜜桃视频最新网址 | 国产精品一区二区三区在线 | 一级黄色国产视频 | 欧美成年性h版影视中文字幕 | 美国黄色毛片女人性生活片 | 成人短视频在线播放 | 国产一区精品在线观看 | 中文字幕综合在线观看 | 草逼一区| 看免费毛片| 国产三级国产精品国产普男人 | 成人免费久久网 | 男女牲高爱潮免费视频男女 | 国产高潮失禁喷水爽到抽搐视频 | www.狠狠操.com | 欧美日韩电影在线 | 免费黄色在线电影 | 91九色福利 | 日韩区在线 | 日本成人一区 | 精品国产一区二区三区四区在线 | 一级免费a| av在线观| 91av资源在线| 欧美性久久久 | 亚洲最新无码中文字幕久久 | 成人免费一区二区三区在线观看 | 牛牛a级毛片在线播放 | 亚洲成在人 | 成人性爱视频在线观看 | 看免费黄色大片 | 久久精品.com |