채택완료

첨부파일 이미지 미리보기

2021-07-01 (목) 17:27:39 1,939
Copy
function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        var $wrap = $(input).parent();
        if($wrap.find('.img_preview').length==0){
            $wrap.append("<div><img class='img_preview'/></div>");
        }

        reader.onload = function(e) {
            $('img.img_preview',$wrap).attr('src', e.target.result);
        }

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

}
$(".frm_file ").change(function() {
    readURL(this);
});

위 소스를 사용중입니다.

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

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

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

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

|

답변 1개

채택된 답변
+20 포인트

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

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

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

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