base64 데이터에서 이미지 너비 및 높이 속성을 가져올 수 없습니다.

Question

이미지를 업로드 중이며 해당 이미지의 base64 데이터가 필요합니다. 아래 코드는 이미지 데이터를 base64로 가져 오는 것입니다.

제대로 작동하고 이미지가 올바르게로드 된 img 태그가 생성됩니다.

는하지만 img 요소를 작성하기 전에 이미지의 폭과 높이를 알고 싶은, 그래서 난, 코드 아래

2) function getImage(file,count) 
{ 
if(file) 
{    
    var reader = new FileReader(); 
    reader.onload = function(event) 
    { 
     var img = new Image(); 
     var data = event.target.result; 
     img.onload = function(){ 
      console.log(img.width); 
      var image = document.createElement("img"); 
      image.id = 'img'+count; 
      image.class = 'edit'; 
      image.src = data;   
      console.log('width:'+this.width); 
      console.log('height:'+this.height); 
      image.data = count; 
      data = image.dataset; 
      data.ref=count; 
      document.getElementById('image'+count).appendChild(image); 
      jQuery(document.getElementById('image'+count)).removeClass('disable'); 
      jQuery(document.getElementById('img'+count)).addClass('action editable img '); 
     }; 
    } 
    reader.readAsDataURL(file); 
} 
} 

을 시도하지만 두 번째 코드 인쇄는 기록하지 않습니다 및 img 태그가 만들어지지 않습니다. 그래서 문제가 무엇입니까? 내 코드에서 무엇이 잘못 되었습니까? 이것을 달성하는 더 좋은 방법은 무엇입니까?

Answer 1

단지 한 줄로 내 문제가 null이됩니다. 덕분에 this.

function getImage(file,count) 
{ 
if(file) 
{    
    var reader = new FileReader(); 
    reader.onload = function(event) 
    { 
     var img = new Image(); 
     var data = event.target.result; 
     img.src = data; //this line solved my problem.. 
     img.onload = function(){ 
      var image = document.createElement("img"); 
      image.id = 'img'+count; 
      image.class = 'edit'; 
      image.src = data;   
      console.log('width:'+this.width); 
      console.log('height:'+this.height); 
      image.data = count; 
      data = image.dataset; 
      data.ref=count; 
      document.getElementById('image'+count).appendChild(image); 
      jQuery(document.getElementById('image'+count)).removeClass('disable'); 
      jQuery(document.getElementById('img'+count)).addClass('action editable img '); 
     }; 
    } 
    reader.readAsDataURL(file); 
} 
}