reader.onload : 루핑 Jquery 함수

Question

이 권한을 얻을 수 있는지 궁금합니다. Jquery 자르기 도구 (cropit)를 사용하고 있습니다. 한 번에 여러 개의 파일 인스턴스를 여러 개의 인스턴스에 넣으려고합니다. 불행히도 잘 작동하지 않습니다. 예를 들어, 세 개의 이미지를 업로드하면 첫 두 크로퍼는 비어 있으며 마지막 두 개는 이미지 중 하나를 무작위로 가져옵니다. 함수는 다음과 같습니다.

function handleCropit(files) { 
    for (var i = 0; i < files.length; i++) { 
     var file = files[i]; 
     var count = counterCropit(); 

     var reader = new FileReader(); 
     reader.onload= function(e){ $('#image-cropper'+count).cropit('imageSrc', e.target.result);}; 
     reader.readAsDataURL(file); 
    } 
} 

Answer 1

알아 냈어!

function handleCropit(files) { 
    for (var i = 0; i < files.length; i++) { 
     var file = files[i]; 
     var count = counterCropit(); 
     var croper = $('#image-cropper'+count); 
     var reader = new FileReader(); 
     reader.onload= (function (yo) {return function(e){ yo.cropit('imageSrc', e.target.result);}})(croper); 
     reader.readAsDataURL(file); 
    } 
}