function imgUpload() { var upload = document.getElementById('photoUP'), //input의 이미지 객체 얻어오기 holder = document.getElementById('uploadImg'); //이미지를 집어넣을 곳의 부모태그 var file = upload.files[0], reader = new FileReader(); reader.onload = function (event) { var img = new Image(); img.src = event.target.result; if (img.width > 500) { //넣으려는 사진 크기에 맞춰 width값을 제한하면 된다. img.width = 500; } holder.innerHTML = ''; holder.appendChild(img); }; reader.readAsDataURL(file); return false; }
'About_JavaScript' 카테고리의 다른 글
[자바스크립트]문자열 중 엔터값 치환하는 함수 (0) | 2016.11.17 |
---|---|
[자바스크립트]간단한 날짜 + 시간 얻는 함수 (0) | 2016.11.17 |