javascript/jquery에서 vars 전달하기

Question

다음 링크를 따라 제 스크립트를 구현했습니다.

Preview an image before it is uploaded

은 내가

function readURL(input,cnum) { 
     if (input.files && input.files[0]) { 
      var reader = new FileReader(); 
      var cimage = 'imagediv'+cnum; 
      reader.onload = function (e) { 
       $("#cimage") 
        .attr('src', e.target.result) 
        .width(150) 
        .height(200); 
      }; 

      reader.readAsDataURL(input.files[0]); 
    }  } 
} 

내가 경고를했다

()를 수정 그것의 자신의

<input type="file" name="file[]" accept="image/gif,image/jpeg" onchange="readURL(this,1);"/> 
<img id="imagediv1" src="#" alt="your image" /> 

이제 자바 스크립트의 img 태그 다음에 8 개 파일 업로드 입력을 가지고; 자바 스크립트 내에서 cimage var가 올바르게 생성됩니다. 그러나 img는 예제 에서처럼 변경되지 않습니다. 수동으로 각 이미지에 대한 함수를 만들려고했는데 # 잘 작동합니다.

자바 스크립트에서 뭔가 빠졌습니까?

Answer 1

당신을 "#"따옴표에서 "C 화상"을 받아 대신을 연결해야합니다

$("#"+cimage) 

을 또는 더 나은 아직, 모두에서 cimage 변수를 만드는 귀찮게하지 않습니다 그냥 할 이 :

$("#imagediv" + cnum) 

Answer 2

변경 당신의 선택 :

$("#" + cimage).attr("src", e.target.result).width(150).height(200); 

당신의 선택 $("#cimage")이 id="cimage" 인 요소를 찾고 있습니다.