[JQUERY]파일 미리보기

<input type="file" />
	<img id="preview" style="width: 200px;"/>

$("input[type=file]").on("change", function (e) {
		if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#preview').attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        } else {
            document.getElementById('preview').src = "";
        }
});

쿼리 부분이 동작이 안되었다.

$("input[type=file]").on("change", function (e) {
//이부분은 수정해줬더니 되었다.
        if (e.target.files && e.target.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#preview').attr('src', e.target.result);
            };
            reader.readAsDataURL(e.target.files[0]);
        } else {
            document.getElementById('preview').src = "";
        }
    });

참조
https://www.zerocho.com/category/HTML&DOM/post/592827558653d6001804a0a5