I have a problem converting an image to base64, it converts well, but when I try to open with the base64 the image does not come out at all, I do not know what problem I have.
<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');
});
}
this comes out as a result that supposedly is fine, but I open it in the browser and the image does not come out only a frame.
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==
I hope you can help me no matter what the problem is.
HTML2Canvas中当前存在图像错误: 链接到错误
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.