本文实例讲述了JS上传图片前实现图片预览效果的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: JS上传图片前的图片预览效果 <br /> var dFile = document.getElementById('myfile');<br /> var dImg = document.getElementsByTagName('img')[0];<br /> var dInfo = document.getElementById('info');<br /> dFile.onchange = function(){<br /> if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .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 /> 希望本文所述对大家的javascript程序设计有所帮助。
