이 기사의 예에서는 JS를 사용하여 이미지를 업로드하기 전에 이미지 미리보기 효과를 얻는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. JS가 사진을 업로드하기 전 사진 미리보기 효과 <br> var dFile = document.getElementById('myfile');<br> var dImg = document.getElementsByTagName('img')[0];<br> var dInfo = document.getElementById('info');<br> dFile.onchange = 함수(){<br> if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('파일 형식은 .jpg, .gif, .bmp 또는 .png !');return ;}<br> if(dFile.files){<br> dImg.src = dFile.files[0].getAsDataURL();<br> }else if(dFile.value.indexOf('\') > -1 || dFile.value.indexOf('/') > -1){<br> dImg.src = dFile.value;<br> }<br> }<br> <br> </본문><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
