Как быть в состоянии преобразовать изображение в base64 и избежать политики того же происхождения
Я пытаюсь преобразовать изображение (ссылку) в base64, чтобы иметь возможность хранить на стороне браузера (IndexedDB), но я не могу этого сделать, я искал решение в течение нескольких дней, и я не сделал решение моей проблемы.
В этом потрясающем коде я могу преобразовать изображение из Интернета в Base64, но проблема в том, что я не могу сделать это для других изображений в Интернете из-за политики одного и того же происхождения.
Как бы я мог избежать этой проблемы или если бы вы знали какое-либо другое решение для преобразования изображения в Base64, это было бы очень полезно
function convertImgToBase64URL(url, callback, outputFormat){
var img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = function(){
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'), dataURL;
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img, 0, 0);
dataURL = canvas.toDataURL(outputFormat);
callback(dataURL);
canvas = null;
};
img.src = url;
}
convertImgToBase64URL('http://upload.wikimedia.org/wikipedia/commons/4/4a/Logo_2013_Google.png', function(base64Img){
alert('it works');
$('.output').find('img').attr('src', base64Img);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="output"> <img> </div>