Ratgeber: Temporäre Bildvorschauen nach ihrer Nutzung gezielt freigeben

Eine Person wählt in einem Formular ein Bild aus und sieht sofort eine Vorschau. Beim nächsten Versuch wählt sie ein anderes Bild. Für eine zuverlässige Umsetzung muss klar sein, welche temporären Verweise noch gebraucht werden und welche nicht mehr. Dieser Ratgeber behandelt die bestehende URL-Methode revokeObjectURL anhand eines selbst entworfenen Bildformulars.

Was die Freigabe tatsächlich tut

MDN beschreibt revokeObjectURL als Methode zum Freigeben einer zuvor mit createObjectURL erzeugten Objektadresse. Sie soll aufgerufen werden, wenn diese Adresse nicht mehr genutzt wird. Damit wird dem Browser mitgeteilt, dass der Verweis auf die Datei nicht länger behalten werden muss. Eine ungültige oder bereits freigegebene Adresse löst dabei keine weitere Wirkung aus.

Diese Freigabe ist keine Löschbestätigung für eine Datei auf einem Server. Ebenso wenig beweist eine lokale Vorschau, dass überhaupt ein Upload stattgefunden hat. Der Bauauftrag sollte Anzeige, Übertragung und dauerhafte Speicherung ausdrücklich getrennt beschreiben.

Einen einfachen Vorschauablauf planen

Für einen eigenen Test genügen zwei harmlose, selbst erstellte Bilder: ein blauer Kreis und ein gelbes Quadrat. Die Person wählt zuerst den Kreis, anschließend das Quadrat und entfernt danach die Auswahl. In jedem Zustand muss die Vorschau zur aktuellen Auswahl passen. Die Anwendung sollte keine alte Abbildung mit einem neuen Dateinamen kombinieren.

Notiere, wann der bisherige Verweis nicht mehr benötigt wird. Wird eine Vorschau zu früh freigegeben, kann eine noch vorgesehene Nutzung scheitern. Wird sie nie aufgeräumt, bleibt ihre Verwaltung unnötig unklar. Die genaue Umsetzung gehört deshalb zur Verantwortung der Entwicklung und nicht in eine pauschale Zeitverzögerung ohne Prüfung.

Wechsel und Rückkehr ausprobieren

Lass den beschriebenen Ablauf mehrfach wiederholen. Öffne die Vorschau, sofern diese Aktion vorgesehen ist, auch in der größeren Ansicht. Entferne dann das Bild und wähle dasselbe erneut. Prüfe, ob eine neue brauchbare Vorschau entsteht. Dafür sind weder persönliche Fotos noch ein öffentlicher Upload erforderlich.

Die Abschlussmeldung passend benennen

Bei einer rein lokalen Ansicht sollte die Oberfläche etwa „Vorschau bereit“ anzeigen. „Bild gespeichert“ ist erst nach dem tatsächlich vorgesehenen Speichervorgang gerechtfertigt. Dokumentiere als Abnahme die Bildauswahl, die angezeigte Vorschau und die erwartete Aufräumaktion. So bleiben temporäre Browserhilfen und echte Datenhaltung auch für Menschen unterscheidbar, die den technischen Hintergrund nicht kennen.