Bild zu Base64 von Amazon S3 kodieren

Question

Ich habe ein iframe, das ein Bild enthält. Die Bildquelle ist mit einem Bild in einem S3 Bucket verknüpft. Ich muss dieses Bild in Base64 kodieren und den Körper des iframe in der Datenbank speichern.

Wie kann ich das tun?

Answer 1

Versuchen Sie, diese How to access the <img /> in document from iframe?

$('#Iframe1').contents().find('img').css({'width':'100%','height':'90%'}); 

und dann diese Funktion verwenden, um von hier Get image data in JavaScript?

function getBase64Image(img) { 
    // Create an empty canvas element 
    var canvas = document.createElement("canvas"); 
    canvas.width = img.width; 
    canvas.height = img.height; 

    // Copy the image contents to the canvas 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(img, 0, 0); 

    // Get the data-URL formatted image 
    // Firefox supports PNG and JPEG. You could check img.src to 
    // guess the original format, but be aware the using "image/jpg" 
    // will re-encode the image. 
    var dataURL = canvas.toDataURL("image/png"); 

    return dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 
}