jQuery 이미지 미리보기

[jQuery 이미지 미리보기]

이미지 파일 선택시, 오른쪽에 이미지 미리보기

 

 

<:html 부분:>

<input type="file" name="file_gallery1" data-view="holder1" style="float:left;">
<div id="holder1" style="float:right;"> </div>

 

 

<:script 부분:>

function readURL(input, id) {
	if (input.files && input.files[0]) {
		var reader = new FileReader();
		reader.onload = function (e) {
			var vimg = '<img src="'+e.target.result+'" width="150">';
			$('#' + id).html(vimg);
		}
		reader.readAsDataURL(input.files[0]);
	}
}

$("input:file").change(function(){
	var readView = $(this).attr("data-view");
	readURL(this,readView);
});