HTML5 でアップロードされたファイル サイズのクライアント側検証を実装する方法、_PHP チュートリアル
html5 アップロードされたファイルのサイズのクライアント側検証を実装するにはどうすればよいですか?
HTML 5 では、たとえば、ユーザーがファイルを選択した後、ファイルのサイズと属性をクライアントで検証できるようになりました。ファイルはすぐに確認できます。この記事では、HTML5 でアップロードされたファイルのサイズのクライアント側検証を実装する方法を紹介します。興味のあるプログラマーは参照してください。
HTML 5 では、ファイルのアップロードをクライアント側で検証できるようになりました。たとえば、ユーザーがファイルを選択した後、ファイルのサイズと属性をブラウザ側ですぐに検証できるようになりました。ファイル検証機能については、HTML 5 をサポートするブラウザは、クライアント ファイルのさまざまな情報やパラメータを読み取ることができる、W3C によって実装されたファイル API 標準を実装します。
次の例は次のとおりです、最初はHTMLです
リーリーここでの data-file_type 属性は、ZIP ファイルと PNG ファイルを受け入れるファイル タイプを | で区切って指定します。data-max-size はファイル サイズを指定します。ここでは 1MB です。あとはjqueryを使って判断してください
リーリー上記のコードでは、var mimes = get_mimes(file_types); は、次のように実際にはメソッドです。 リーリー
これは実際には ZIP や PNG などのタイプを渡し、このタイプのファイルに対応する MIME/TYPE を返します。たとえば、次のように mime_types 配列を定義します。 リーリー次のように、クライアントでファイルの種類を即座に判断できる HTML 5 の新しいファイル API に焦点を当てています。 リーリー
HTML 5 ファイルのアップロードの詳細については、次を参照してください: http://www.w3.org/TR/file-upload/元のアドレス: http://www.manongjc.com/article/814.html
関連書籍:
再開可能なHTML5ファイルAPIファイルのアップロード
ブレークポイントで大きなファイルを再開/アップロードするための HTML5 ソリューション
phpとhtml5を組み合わせて大きなファイルをアップロードする方法
html5 分割/チャンク/分割による非常に大きなファイルのアップロード http://www.bkjia.com/PHPjc/1126420.html

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。
