" -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <u>//로컬 이미지 미리보기</u>function setImagePreview(fieldupload, image, imagediv ) { </a>var docObj = document.getElementById(fieldupload); </span>var imgObjPreview = document.getElementById(image) </div>if (docObj.files && docObj.files[0]) { <div class="codebody" id="code96863">/ / Firefox에서는 img 속성 <br>imgObjPreview.style.display = 'block'; <br>imgObjPreview.style.width = '150px'; <br>imgObjPreview.style.height = '150px'; //imgObjPreview.src = docObj.files[0].getAsDataURL(); <br>//Firefox 7 이상은 위의 getAsDataURL() 메서드를 사용하여 얻을 수 없으며 다음 메서드가 필요합니다 <br>imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); <br>} else { <br>//IE에서는 필터 사용 <br>docObj.select() <br>var imgSrc = document.selection.createRange ().text; <br>var localImagId = document.getElementById(imagediv); <br>//초기 크기를 설정해야 합니다<br>localImagId.style.width = "150px"; = "150px"; <br>//사용자가 이미지를 위조하기 위해 접미사를 수정하지 못하도록 이미지 예외 캡처<br>try { <br>localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale) "; localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; <br>} catch (e) { <br>alert("업로드한 이미지 형식이 잘못되었습니다. 다시 선택하세요! "); <br>false 반환 ; <br>} <br>imgObjPreview.style.display = 'none'; <br>document.selection.empty(); <br>} <br>true 반환; <br> } <br> ;div> ; < ;/body>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
