图像名称和尺寸不匹配文件选择通过循环

问题描述：

根据我以前发布的问题下面，我得到了答案。我需要获取图像名称和维度。我已经尝试过很多事情，让他们但名称和尺寸越来越不匹配图像名称和尺寸不匹配文件选择通过循环

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

重复，[如何读取文件的多个图像的选择？（https://*.com/questions/45921124/how-to-read-multiple-images-on-file - 选择）如果您有任何新增加的内容，请通过编辑问题来完成。 – CBroe

感谢您的建议。请帮我解决这个问题。 – user8115627

答

下面

是完整的函数来获取图像文件的信息。自己以前的问题

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=''; 
}

图像名称和尺寸不匹配文件选择通过循环

相关推荐