유용한 자료
< 자료공유 < 유용한 자료
기타자료실

php | 업로드한 이미지 미리보기

페이지 정보

작성자 madalla 작성일17-03-25 02:42 조회736회 댓글0건

본문

<script src="http://madalla.kr/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#imgView").on('change', function(){
                readURL(this);
            });
        });

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

            reader.onload = function (e) {
                    $('#View').attr('src', e.target.result);
                }

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


    </script>

    <form id="imgForm">
        <input type='file' id="imgView" />
        <img id="View" src="#" alt="이미지 미리보기" />
    </form>

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기