Blobbild herunterladen

463
Anonymous

Einige Websites haben so etwas:

<img src="blob:foo" alt="bar"> 

Mit der Funktion "Bild speichern unter" in Firefox kann ich den Image-Blob nicht speichern: foo. Ich kann das Bild auch nicht mit "Seite speichern unter" herunterladen. Wie kann ich das Bild herunterladen?

1
Einige Seiten schützen die Quelle. Möglicherweise müssen Sie spezifische Referenzen angeben. Ziemlich zufällig von einer Fotoseite aus bin ich Mitglied von ... https://www.viewbug.com/contests/travel-photography-project/81413133 Sie können es anzeigen, aber Sie können es nicht "ganz" bekommen absichtlich. Tetsujin vor 5 Jahren 0
Es gibt keine generische Lösung, Sie müssen ein bestimmtes Beispiel angeben Albin vor 5 Jahren 0
Natürlich gibt es eine generische Lösung miknik vor 5 Jahren 0
@miknik Also gib eine Antwort ... DavidPostill vor 5 Jahren 0
@DavidPostill Gib mir eine Chance :) miknik vor 5 Jahren 0
Die hier verwendete Methode (https://superuser.com/questions/1033563/how-to-download-video-with-blob-url) sollte auch für Bilder funktionieren. harrymc vor 5 Jahren 0

2 Antworten auf die Frage

1
HelpingHand

Wenn Sie die Entwicklertools des Browsers öffnen, z. B. F12 in Chrome. Wechseln Sie in die Netzwerkansicht, markieren Sie "Protokoll beibehalten" und "Cache deaktivieren" und laden Sie die Seite erneut.

Suchen Sie nach der gewünschten Ressource, wenn Sie dabei helfen können, nach dem Typ zu filtern, z. B. Img, Media usw. Wenn Sie auf die Ressource klicken, können Sie auf die Registerkarte Vorschau klicken und die Ressource von dort speichern.

Ansonsten bin ich sicher, dass ein Tool wie Chrome Cache View - https://www.nirsoft.net/utils/chrome_cache_view.html - helfen könnte.

0
miknik

Sie müssen lediglich ein eigenes Element mit der Bildquelle des Bildes erstellen, das Sie herunterladen möchten. Ein einfaches Beispiel:

var image = document.querySelector('img'); // Image you want to save var saveImg = document.createElement('a'); // New link we use to save it with saveImg.href = image.src // Assign image src to our link target saveImg.download = "imagename.jpg"; // set filename for download saveImg.innerHTML = "Click to save image"; // Set link text document.body.appendChild(saveImg); // Add link to page 

Klicken Sie jetzt auf den Link und das Bild wird heruntergeladen