解析Jquery的LigerUI如何實作檔案上傳_jquery

一、在Head中加入
   
   
二、Html中的Div程式碼

複製程式碼 程式碼如下:

     

  

         
                   
               
         關鍵部分，會LigerUI的朋友-你懂得

  
1、grid中新增項目【儲存位址欄位】
      { display: "掃描件", name: "AppendBillPath", width: 120, : "text", align: "left" }
   2、Form可新增項目【存位址與彈出選擇框】
          { name: "AppendBillPath10", type: "hidden , // --上傳-【5】--          { display: "掃描件", name: "AppendBillPath", comboboxName: "AppendBillPath2", newline: true, labelWidth: 100, wid: Path2", newline: true, labelWidth: 1000 , type: "select", options: {}} // --上傳-【6】--
          $.ligerui.get("AppendBillPath2").set('onBeforeOpen', f_selectAppAppendBillPath_1) 掃描件掃描件[ 】 // --上傳-【7】--  
3、事件
      // #region ===================== ==================== 【上傳掃描件視窗】  // --上傳-【8】--


複製程式碼

程式碼如下:

      var AppendBillPathDetail = null;
      function f_selectAppendBillPath_1() {
         var AppendBill_Id = $("#AppendBill") .val();  // 單號
          if (imageurl.length == 0) {
         ");
              return;
          }
        AppendBillPathDetail.show();
          }
         
                  target: $("#AppendBill_Div"), title: '新增圖示',
  , top: 170, left: 280,  // 彈出視窗大小
                  buttons: [
                      { text: '上傳與 onclick: function () { BillPath    { text: '取消', onclick: function () { AppendBillPathDetail.hide(); } }
]
              });
         ”
    
           var imgurl = $("#fileupload").val();
           //var filehelpcode = $("#filehelpcode").val();
          var extend = imgurl.substring(imgurl.lastIndexOf("."), imgurl.length)； ;
          if (extend == ".jpg" || extend == ".jpeg" || extend == ".png" || extend == ".gif" || extend == ".bmp")           {
          }
               LG.showError("請上傳jpg,jpep,png,gif,bmp格式的圖片檔案");
             🎜>          var imageurl = $("#AppendBill").val();  // extend
                       url: "../handle/ImageUpload.aspx ?imageurl=" imageurl, // --上傳-【9】-- aspx檔案
              secureuri: false,
              dataType: "text",
              success: function (data, status)
            保存路徑
                 // $("#AppendBillPath2 ").val(Data);

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

四、後台cs，並寫一句Server.MapPath("/Image/" gfilename filenameext);   // 執行上傳作業

圖示: