내가 코드 아래 사용하고

Question

지금 내가 여러 이미지에 대해이 원하는 여기

var _URL = window.URL || window.webkitURL; 
    $("#logo_img").change(function (e) { 
    var file, img; 
    if ((file = this.files[0])) { 
     img = new Image(); 
     img.onload = function() { 
      alert(this.width + " " + this.height); 
     }; 
     img.src = _URL.createObjectURL(file); 
    } 
    }); 

당신이 할 수있는 HTML

<form action="ajax/product_images" id="uploadForm1" method="post" enctype="multipart/form-data"> 
    <input type="file" name="files[]" accept="image/*" multiple="multiple" id="logo_img" onchange='openFile(event)' onChange="validate(this.value)" />      
    <input type="hidden" value="2" id="upload_id" name="upload_id" /> 
    <input type="submit" name="submit" id="save" class="btn btn-default" style="float:right;" value="Upload"/> 
</form> 

Answer 1

입니다 이것으로 for - 루프 :

var _URL = window.URL || window.webkitURL; 
 
$("#logo_img").change(function(e) { 
 
    for(var i = 0; i < this.files.length; i++) { 
 
    var file = this.files[i]; 
 
    var img = new Image(); 
 
    img.onload = function() { 
 
     console.log(this.width + " " + this.height); 
 
    }; 
 
    img.src = _URL.createObjectURL(file); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="ajax/product_images" id="uploadForm1" method="post" enctype="multipart/form-data"> 
 
    <input type="file" name="files[]" accept="image/*" multiple="multiple" id="logo_img" /> 
 
    <input type="hidden" value="2" id="upload_id" name="upload_id" /> 
 
    <input type="submit" name="submit" id="save" class="btn btn-default" style="float:right;" value="Upload" /> 
 
</form>