첨부파일 이미지 미리보기
본문
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
재가 아는 지식으로는 input에 잇는 임시파일을 사용자의 브라우저에 100% 보이게 적용할수는 없습니다.
가능하다하더라도 브라우저별로 상의하며 업데이트에 따른 문제가 야기 됩니다.
저는 그래서 서버에 시스템 자체를 만들어버렸습니다.
답변을 작성하시기 전에 로그인 해주세요.
