ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery+LigerUIでファイルアップロードを実装する手順を詳しく解説

Jquery+LigerUIでファイルアップロードを実装する手順を詳しく解説

php中世界最好的语言
リリース: 2018-04-23 14:16:56
オリジナル
3536 人が閲覧しました

今回は、Jquery+LigerUIでファイルアップロードを実装する手順について詳しく説明します。Jquery+LigerUIでファイルアップロードを実装するための注意事項は何ですか?実際のケースを見てみましょう。

この記事では、JqueryでLigerUIを使ってファイルアップロードを実装する方法を分析して紹介しますので、必要な方は参考にしてください

1. Headにを追加

<script src="../lib/js/ajaxfileupload.js" type="text/
javascript
"></script>
    <script src="../lib/js/ligerui.expand.js" type="text/javascript"></script>
ログイン後にコピー

2. Htmlにpコード

<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】--
ログイン後にコピー
e

3、事件 Rreee

  // #region ======================================= 【上传扫描件窗口】  // --上传-【8】--
ログイン後にコピー
e は、この記事の方法を習得したと信じています。さらに興味をそそられる場合は、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

jQuery が XML ファイルの内容を読み取る方法

JQuery+AJAX によるファイルのダウンロードの実装

以上がJquery+LigerUIでファイルアップロードを実装する手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート