熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

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

2013-11-15 11:59:34  來源: JSP教程 
本篇文章是對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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.