Heim > Artikel > Web-Frontend > Detaillierte Einführung in FileAPI
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
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.
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!