HTML5ではファイル操作用のAPIが提供されており、このAPIによりWebページからローカルファイルシステムにアクセスする際の関連処理が非常に簡単になります。今のところ、一部のブラウザのみがサポートしています。 1. FileList オブジェクトと File オブジェクト FileList オブジェクトは、ユーザーが選択したファイルのリストを表します。HTML4 ではファイル コントロールに配置できるファイルは 1 つだけですが、HTML5 では複数のファイルを配置できます。 multiple 属性を追加して制御します。コントロール内でユーザーが選択した各ファイルはファイル オブジェクトであり、FileList はこれらのファイル オブジェクトのリストであり、ユーザーが選択したすべてのファイルを表します。ファイル オブジェクトには 2 つの属性があります。1 つは name で、ファイル名にファイルのパスが含まれていないことを意味します。もう 1 つは lastModifiedDate で、ファイルが最後に変更された日付を意味します。 &
概要: HTML5 では、この API を通じて、Web ページからローカル ファイルにアクセスできます。システムの処理が非常に簡単になります。今のところ、一部のブラウザのみがサポートしています。
2.
jQuery プラグイン jcrop+Fileapi は画像のアップロード + トリミング + プレビューを完璧に実現します。プレビュー コードは非常にシンプルで実用的で、困っている友人が参照できる効果は絶大です。 3. Angular Js ファイルアップロードのための
form-data_javascript テクニック
はじめに: angular-file-upload は、ブラウザが HTML5 テクノロジーをサポートしていない場合にファイルをアップロードするための軽量の AngularJS ディレクティブ (ディレクティブ) です。その後、FileAPI ポリフィル テクノロジ (Flash ベース) を使用して実装されました。この記事では主に Angular Js ファイルアップロードのフォームデータを紹介しますので、必要な方は参考にしてください[関連Q&Aの推奨事項]:
javascript - HTML5 FileApiを使用して大きなファイルをアップロードする方法は?
javascript - iOS で Web 写真画像が自動的に回転する理由は何ですか?
javascript - 複数ファイルのアップロードのファイルが常に 1 になる理由を知っている人はいますか?
以上がFileAPI の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。