파일 업로드시 미리보기 질문 채택완료

    

        

        var sel_file;

 

        $(document).ready(function() {

            $("#input_img").on("change", handleImgFileSelect);

        }); 

 

        function handleImgFileSelect(e) {

            var files = e.target.files;

            var filesArr = Array.prototype.slice.call(files);

 

            filesArr.forEach(function(f) {

                if(!f.type.match("image.*")) {

                    alert("확장자는 이미지 확장자만 가능합니다.");

                    return;

                }

 

                sel_file = f;

 

                var reader = new FileReader();

                reader.onload = function(e) {

                    $("#img").attr("src", e.target.result);

                }

                reader.readAsDataURL(f);

            });

        }

 

    



 



 

 

    

        이미지 미리보기

        이미지 업로드