源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

用js实现上传图片前的预览(TX的面试题)

  • 时间:2021-12-19 18:12 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:用js实现上传图片前的预览(TX的面试题)
以前不知道 file 控件也能使用 onchange,导致面试时失去良机。 <script> function yulan() { var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)         fileext=fileext.toLowerCase()         if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))         {             alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");              document.form1.UpFile.focus();         }         else         {         //alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句   document.getElementById("preview").innerHTML="<img src='"+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"         } } </script> <form name="form1" method="POST" enctype="multipart/form-data"> <input type="file" name="UpFile" size="46" onchange="yulan()"> <div id="preview"></div> </form>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部