Heim > Artikel > Web-Frontend > Wie konvertiert man eine Bild-URL in Javascript in Base64?
So konvertieren Sie eine Bild-URL in Base64
Sie erhalten eine Bild-URL aus einer Bildeingabe und müssen diese daher in Base64 konvertieren Sie können es an einen Webdienst senden und das Bild lokal speichern. Der aktuell von Ihnen verwendete Code konvertiert die URL nicht in Base64.
Um dies zu erreichen, können Sie die folgenden Schritte ausführen:
<code class="javascript">function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); var dataURL = canvas.toDataURL("image/png"); return dataURL.replace(/^data:image\/?[A-z]*;base64,/); }</code>
Diese Funktion verwendet ein Bildelement (img) als Eingabe und gibt eine Base64-codierte Zeichenfolge zurück.
<code class="html"><img id="imageid" src="https://www.google.de/images/srpr/logo11w.png"></code>
<code class="javascript">var base64 = getBase64Image(document.getElementById("imageid"));</code>
Dadurch wird das Bild in Base64 konvertiert und das Ergebnis in der Base64-Variablen gespeichert. Anschließend können Sie die Base64-Variable an Ihren Webdienst senden, um das Bild lokal zu speichern.
Das obige ist der detaillierte Inhalt vonWie konvertiert man eine Bild-URL in Javascript in Base64?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!