js兼容火狐显示上传图片预览效果的方法

本文实例讲述了射流研究…兼容火狐显示上传图片预览效果的方法。分享给大家供大家参考。具体实现方法如下：

！doctype html html head meta content=' text/html；字符集=GBK ' http-equiv='内容类型'/标题图像预览示例/title style Type=' text/CSS ' div { width :100 px；高度：100 pxborder: 1px #A3BFE7固体；} img { width : atuoheight : atuo }/style脚本类型='text/javascript '函数viewPic(){ var of reader=new file reader()；读者的。onload=function(e){ document。getelementbyid(' uploadPreview ').src=e .目标。结果；} if(文档。getelementbyid(' uploadImage ')。文件。length===0){ return；} var oFile=document。getelementbyid(' uploadImage ').文件[0];读者的。readasdataurl(oFile)；}/script/head body输入id=' uploadImage ' type=' file ' name=' my photo ' on change=' viewPic()；'/brimg id=' uploadPreview ' src=' http : '/body/html运行效果如下图所示：

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。