Jquery 의 LigerUI 파일 업로드 방법 분석

1.헤드 에 가입        2,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>
3,JS 에서-관건 적 인 부분 을 썼 습 니 다.LigerUI 를 잘 아 는 친구-알 잖 아 요.   1.grid 에 항목 추가[주소 필드 저장]      { display:"스 캔 부품",name:"AppendBillPath",width:120,type:"text",align:"left"}   2.Form 추가 가능 한 항목[주소 저장 및 팝 업 선택 상자]          { name:"AppendBillPath 1",type:"hidden"},/--업로드-【5】--          { display:"스 캔 부품",name:"AppendBillPath",combobox Name:"AppendBillPath 2",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
4.백 스테이지 cs,중요 한 것 을 쓰 면 매개 변 수 를 되 돌려 줄 수 있 습 니 다.프론트 데스크 톱 알림.    string url = Server.MapPath("/Image/" + gfilename + filenameext);   // 업로드 작업 실행

좋은 웹페이지 즐겨찾기