解析Jquery的LigerUI如何實現文件上傳

本篇文章是對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);   // 執行上傳操作

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20041.html