테스트 사이트 - 개발 중인 베타 버전입니다

첨부파일 이미지 미리보기 채택완료

아로마라이프 4년 전 조회 1,836

</p>

<p>function readURL(input) {</p>

<p>    if (input.files && input.files[0]) {

        var reader = new FileReader();</p>

<p>        var $wrap = $(input).parent();

        if($wrap.find('.img_preview').length==0){

            $wrap.append("<div><img class='img_preview'/></div>");

        }</p>

<p>        reader.onload = function(e) {

            $('img.img_preview',$wrap).attr('src', e.target.result);

        }</p>

<p>        reader.readAsDataURL(input.files[0]);

    }</p>

<p>}

$(".frm_file ").change(function() {

    readURL(this);

});

 

위 소스를 사용중입니다.

 

첨부파일을 2개 사용중인데

첫번째 이미지는 미리보기가 잘 나오나

두번째 이미지는 미리보기가 나오질 않네요

 

둘다 나오게 할려면 어떤 부분을 수정해야 하나요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

재가 아는 지식으로는 input에 잇는 임시파일을 사용자의 브라우저에 100% 보이게 적용할수는 없습니다.

가능하다하더라도 브라우저별로 상의하며 업데이트에 따른 문제가 야기 됩니다.

 

저는 그래서 서버에 시스템 자체를 만들어버렸습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인