本文實例講述了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 或 .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程式設計有所幫助。