JavaScript: конвертировать изображение в base64 не завершено?

Question

Я хочу преобразовать изображение в base64, но значение не является полным?

<img crossorigin="anonymous" id="imageid" src="{{helper.photo_1}}" /> 
function getBase64Image(img) {
      var canvas = document.createElement("canvas");
      canvas.width = img.width;
      canvas.height = img.height;
      var ctx = canvas.getContext("2d");
      ctx.drawImage(img, 0, 0);
      var dataURL = canvas.toDataURL("image/png");
      return dataURL
}

var base64 = getBase64Image(document.getElementById("imageid"));
console.log(base64); // the value is not complete.

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