ホームページ  >  記事  >  ウェブフロントエンド  >  FileAPI の詳細な紹介

FileAPI の詳細な紹介

零下一度
零下一度オリジナル
2017-06-11 16:32:541903ブラウズ

HTML5ではファイル操作用のAPIが提供されており、このAPIによりWebページからローカルファイルシステムにアクセスする際の関連処理が非常に簡単になります。今のところ、一部のブラウザのみがサポートしています。 1. FileList オブジェクトと File オブジェクト FileList オブジェクトは、ユーザーが選択したファイルのリストを表します。HTML4 ではファイル コントロールに配置できるファイルは 1 つだけですが、HTML5 では複数のファイルを配置できます。 multiple 属性を追加して制御します。コントロール内でユーザーが選択した各ファイルはファイル オブジェクトであり、FileList はこれらのファイル オブジェクトのリストであり、ユーザーが選択したすべてのファイルを表します。ファイル オブジェクトには 2 つの属性があります。1 つは name で、ファイル名にファイルのパスが含まれていないことを意味します。もう 1 つは lastModifiedDate で、ファイルが最後に変更された日付を意味します。 &

1. HTML5 FileAPI グラフィック コード共有

FileAPI の詳細な紹介

概要: 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。