업로드할 이미지의 미리보기 채택완료

망이망소이 6년 전 조회 5,136

답변 2

게시판에서 첨부파일(에디터X)에 사진을 선택한 경우나

회원가입시에 회원이미지 선택하는 경우에 이미지가 안보이고

저장하고 다시 수정할때

이미지가 보이는데(게시판도 그렇게 수정해서 쓰고 있습니다. )

문득 궁금한것이

아예 게시판이든 회원이미지든

선택단계에 미리보기를 한번 보도록 하고자 하는데요.

그런 프리뷰 기능이 있는 게시판 또는 가입 스킨이나

그런기능이 구현된 팁을 찾다가 못찾아서 올려봅니다.

선택하자마자 업로드시키고 썸네일 보여줘야 하는거겠죠?

#프리뷰

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

답변 2개

정렬:

채택된 답변

+20 포인트

세크티

6년 전

</p>

<pre>
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);
});</pre>

<p>

게시판 스킨의 write.skin.php 의