угловая 5 конвертировать изображение в base64

Question

У меня проблема с преобразованием изображения в base64, оно хорошо конвертируется, но когда я пытаюсь открыть с base64 изображение вообще не получается, я не знаю, какая у меня проблема.

<img id="imageid" src="http://localhost:8000/media/db.png" alt="">

getBase64Image() {
    var data = document.getElementById("imageid");
    html2canvas(data).then(canvas => {  
        var imgconverted = canvas.toDataURL("data:image/jpeg;base64"); 
        console.log(imgconverted, 'base64');
    });  
}

это получается в результате, что якобы все в порядке, но я открываю его в браузере, и изображение не появляется только в рамке.

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqQAAAG2CAYAAACpsJSkAAAXp0lEQVR4Xu3WwQkAMAwDsXb/oV3oEvdRFjCIPO5u23EECBAgQIAAAQIEIoErSCN5swQIECBAgAABAl9AkHoEAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBAQJD6AQIECBAgQIAAgVRAkKb8xgkQIECAAAECBASpHyBAgAABAgQIEEgFBGnKb5wAAQIECBAgQECQ+gECBAgQIECAAIFUQJCm/MYJECBAgAABAgQEqR8gQIAAAQIECBBIBQRpym+cAAECBAgQIEBAkPoBAgQIECBAgACBVECQpvzGCRAgQIAAAQIEBKkfIECAAAECBAgQSAUEacpvnAABAgQIECBA4AFcyNM5B/V48AAAAABJRU5ErkJggg==

Я надеюсь, что вы можете мне помочь, несмотря ни на чтопроблема в том.

Answer 1

В настоящее время существует ошибка для изображений в HTML2Canvas: ссылка на ошибку