File API – Interaktion mit lokalen Dateien – Realisierung - How

View Github Repository Open presentation in a new window

Saskia24

See all presentation from Saskia24

File API – Interaktion mit lokalen Dateien – Realisierung - How

0 0

FileAPI

On Github Saskia24 / FileAPI

File API

Interaktion mit lokalen Dateien

erstellt von Saskia Isabel Schweneker

API - What, Why

- API = Application Programming Interface - eine der fünf grundlegenden Anforderungen an Betriebssysteme - ermöglicht Anbindung an das Betriebssystem - Programmierschnittstelle auf Quellext-Ebene

File API - What, Why

- auf lokale Dateien zugreifen und diese in HTML darstellen

- Einführung mit HTML5

- z.Bsp. Dateien vor Upload im Browserfenster darstellen

- nur Zugriff auf bereits ausgewählte Dateien

File API - What

File:

- einzelne Datei - stellt schreibgeschützte Informationen (Name, Dateigröße, Mimetyp, Verweis auf den Dateihandle) bereit

FileList:

- arrayartige Folge von File-Objekten. (input type="file" multiple)

Blob:

- ermöglicht Unterteilen einer Datei in Bytebereiche

Voraussetzung - How

- FileReader-Schnittstelle nutzten um eine Datei über JavaScript-Ereignisbehandlung asynchron zu lesen

Realisierung - How

Auswahl per Formulareingabe - How

Auswahl per Formulareingabe eingeschränkt - How

input accept="image/jpeg" type="file" id="files2" name="files[]" multiple

Verwenden von Drag and Drop für die Auswahl - How

Drop files here

Überwachen des Lesefortschritts - How

Cancel read
0%

THE END

File API Interaktion mit lokalen Dateien erstellt von Saskia Isabel Schweneker