>웹 프론트엔드 >JS 튜토리얼 >사진을 업로드하기 전에 js를 사용하여 미리보기(TX 인터뷰 질문)_이미지 특수 효과

사진을 업로드하기 전에 js를 사용하여 미리보기(TX 인터뷰 질문)_이미지 특수 효과

WBOY
WBOY원래의
2016-05-16 19:10:07940검색

이전에는 파일 제어에서도 onchange를 사용할 수 있다는 사실을 몰랐고, 이로 인해 인터뷰 중에 기회를 놓쳤습니다.






<script> <BR>function yulan() <BR>{ <BR>var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length) <BR> fileext=fileext.toLowerCase() <br><br> if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp')) <BR> { <BR> alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !"); <BR> document.form1.UpFile.focus(); <BR> } <BR> else <BR> { <BR> //alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句 <BR> document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' style="max-width:90%"border:6px double #ccc' alt="사진을 업로드하기 전에 js를 사용하여 미리보기(TX 인터뷰 질문)_이미지 특수 효과" >" <BR> } <br><br>} <BR></script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.