Amazon S3에서 Base64로 이미지 인코딩

Question

이미지가 포함 된 iframe이 있습니다. 이미지 소스는 S3 버킷의 이미지에 연결됩니다. 이 이미지를 Base64에 인코딩하고 iframe의 본문을 데이터베이스에 저장해야합니다.

어떻게하면됩니까?

Answer 1

이 How to access the <img /> in document from iframe?

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

을 시도하고 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,/, ""); 
} 

의