Heim > Web-Frontend > H5-Tutorial > Detaillierte Einführung in FileAPI

Detaillierte Einführung in FileAPI

零下一度
Freigeben: 2017-06-11 16:32:54
Original
1945 Leute haben es durchsucht

In HTML5 wird eine API für Dateioperationen bereitgestellt. Durch diese API wird die entsprechende Verarbeitung des Zugriffs auf das lokale Dateisystem von der Webseite aus sehr einfach. Bisher unterstützen es nur einige Browser. 1. FileList-Objekt und File-Objekt Das FileList-Objekt stellt eine Liste der vom Benutzer ausgewählten Dateien dar. In HTML4 darf nur eine Datei im Dateisteuerelement platziert werden, in HTML5 können jedoch mehrere Dateien in der Datei platziert werden Steuerung durch Hinzufügen des Mehrfachattributs. Jede vom Benutzer im Steuerelement ausgewählte Datei ist ein Dateiobjekt, und FileList ist eine Liste dieser Dateiobjekte, die alle vom Benutzer ausgewählten Dateien darstellt. Das Dateiobjekt verfügt über zwei Attribute: Das eine ist „name“, was bedeutet, dass der Dateiname nicht den Pfad der Datei enthält. Das andere ist „lastModifiedDate“, was bedeutet, dass die Datei zuletzt geändert wurde. &

1. HTML5 FileAPI-Grafikcodefreigabe

Detaillierte Einführung in FileAPI

Einführung: In HTML5 wird eine API für Dateioperationen bereitgestellt. Durch diese API wird die entsprechende Verarbeitung des Zugriffs auf das lokale Dateisystem von der Webseite aus sehr einfach. Bisher unterstützen es nur einige Browser.

2. jQuery-Plug-in jcrop+Fileapi realisiert perfekt das Hochladen von Bildern + Zuschneiden + Vorschaucode-Sharing_jquery

Einführung : In diesem Artikel wird hauptsächlich das jQuery-Plug-in jcrop+Fileapi vorgestellt, um den Code zum Hochladen von Bildern + Zuschneiden + Vorschau zu implementieren. Es ist sehr einfach und praktisch und der Effekt ist großartig.

3. Angular Js-Datei-Upload form-data_javascript-Technik

Einführung: Angular-File-Upload ist ein A Leichte AngularJS-Direktive zum Hochladen von Dateien basierend auf der HTML5-Technologie. Wenn der Browser dies nicht unterstützt, wird sie mithilfe der FileAPI-Polyfill-Technologie (basierend auf Flash) implementiert. In diesem Artikel werden hauptsächlich Formulardaten für das Hochladen von Angular Js-Dateien vorgestellt. Freunde, die diese benötigen, können sich auf

[Verwandte Fragen und Antworten] beziehen:

Wie lade ich große Dateien mit FileApi von HTML5 hoch?

Javascript – Was ist der Grund für die automatische Rotation von Webfotografiebildern in iOS?

Javascript – Weiß jemand, warum ich das habe? ?Dateien für den Datei-Upload sind immer 1?

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in FileAPI. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage