圖像名稱和尺寸不匹配文件選擇通過循環

Question

根據我以前發佈的問題下面，我得到了答案。我需要獲取圖像名稱和維度。 我已經嘗試過很多事情，讓他們但名稱和尺寸越來越不匹配

How to read(image data/dimension/filesize/name) multiple images on file select?

Answer 1

下面

是完整的函數來獲取圖像文件的信息。自己以前的問題

fileSelect.addEventListener("change", getSomeFile, false); 

function getSomeFile(ev){ 
    var file= ev.target.files; 
    if (file) { 
     for(var i=0,f; f = file[i]; i++){ 
      if(!f.type.match('image.*')){continue;} 
      (function(f){ 
      var reader = new FileReader(); 
      reader.readAsDataURL(file[i]); 
      reader.onload = function() { 
      var img = new Image(); 
      img.onload = function() { 

       var span = document.createElement('span'); 
       span.innerHTML = ['<img id="thumb" src="', img.src,'"/>'].join(''); 
       document.getElementById('mid').appendChild(span, null); 
        var fileName =f.name; 
        var fileSize =Math.round(f.size/1024)+' KB'; 
        var imageWidth = img.width; 
        var imageHeight = img.height; 
      }; 
     img.src = reader.result; 
     }; 
     })(file[i]); 
    } 
    } 
fileSelect.value=''; 
}