Lauiuiのファイルアップロード機能でファイル名を取得する方法

爱喝马黛茶的安东尼
リリース: 2019-07-11 10:17:09
オリジナル
11190 人が閲覧しました

Lauiuiのファイルアップロード機能でファイル名を取得する方法

最初のステップは、コンピューター上でソフトウェアを開き、新しい HTML ページを作成し、layui プラグインの css、js ファイル、および jquery.js ファイルを追加することです。

Lauiuiのファイルアップロード機能でファイル名を取得する方法

2 番目のステップでは、まず、新しく作成したindex1にlayui.css、layui.js、およびjquery-1.9.0.jsの3つのファイルを導入します。次の図に示すように、html ファイルを作成します。 :

Lauiuiのファイルアップロード機能でファイル名を取得する方法

3 番目のステップは、index1.html の本文にテーブル、ファイル選択、およびファイル アップロード ボタンを追加して、ファイルをテーブルの形式でサーバーに送信します。インターフェイスに表示し、以下に示すようにファイル名、ファイル サイズなどを表示します。

Lauiuiのファイルアップロード機能でファイル名を取得する方法

4 番目のステップは、次のとおりです。ブラウザでページを開くと、ファイルのアップロード リストが表示されます。インターフェースの効果は次のとおりです:

Lauiuiのファイルアップロード機能でファイル名を取得する方法

関連する推奨事項: 「layui フレームワーク チュートリアル##」 #"

5 番目のステップは、ファイルの提供を開始することです。選択ボタンとアップロード ボタンにイベントを追加し、アップロードされたファイルの情報をテーブルに返します。obj.preview(function(index, file, result) を使用します。 {}); 選択したローカル ファイル情報を読み取り、file.name を取得するメソッド ファイル名、(file.size/1014).toFixed(1) は、次の図に示すようにファイル サイズを取得します。

ステップ 6 ファイルのアップロード ボタンをクリックして、選択したファイルをアップロードします。ファイルが正常にアップロードされると、ファイル名、ファイル サイズなどのファイル アップロード情報が var tr= を通じて取得されます。以下の図に示すように、demoListView.find('tr#upload-'index), tds =tr.children(); コードがテーブルに挿入されます。 7 番目の手順では、ブラウザでindex1.html ファイルを開きます。複数のファイルをアップロードするためのインターフェイス スタイルが表示されます。以下に示すように、クリックして複数のファイルを選択します。次のように: Lauiuiのファイルアップロード機能でファイル名を取得する方法

#8 番目のステップでは、以下の図に示すように、アップロードするローカル ファイルを選択し、クリックして開きます。

Lauiuiのファイルアップロード機能でファイル名を取得する方法

9 番目のステップでは、次のことができます。次の図に示すように、ファイルがサーバーに正常にアップロードされ、ファイル名とファイル サイズが取得されて表に表示されることを確認します。

以上がLauiuiのファイルアップロード機能でファイル名を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!