Jquery+LigerUI를 사용하여 파일 업로드를 구현하는 단계에 대한 자세한 설명

이번에는 Jquery+LigerUI를 사용하여 파일 업로드를 구현하는 단계에 대해 자세히 설명합니다. Jquery+LigerUI에서 파일 업로드를 구현하는 주의사항은 무엇인가요?

파일업로드를 구현하기 위해 Jquery에서 LigerUI의 방식을 분석하고 소개한 글입니다. 필요하신 분들은 참고하시면 됩니다.

1. 헤드에 추가

<script src="../lib/js/ajaxfileupload.js" type="text/
javascript
"></script>
    <script src="../lib/js/ligerui.expand.js" type="text/javascript"></script>

2. Html

<p id="AppendBill_p" 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>
     </p>

3. Js로 적힌 내용이 핵심입니다. LigerUI 아는 친구들 - 아시죠 1. 그리드에 항목 추가 [주소 필드 저장]

 { display: "扫描件", name: "AppendBillPath", width: 120, type: "text", align: "left" }

2. 폼에 항목 추가 가능 [주소 저장] 그리고 팝업 선택 상자]

{ 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, Incident Rreee

  // #region ======================================= 【上传扫描件窗口】  // --上传-【8】--

e는 귀하가 이 기사의 방법을 마스터했다고 믿습니다. 더 흥미진진한 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jQuery가 XML 파일 콘텐츠를 읽는 방법

JQuery+AJAX가 파일 다운로드를 구현함

위 내용은 Jquery+LigerUI를 사용하여 파일 업로드를 구현하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!