海亿美食网
您的当前位置:首页JS上传图片前实现图片预览效果的方法_javascript技巧

JS上传图片前实现图片预览效果的方法_javascript技巧

来源:海亿美食网
 本文实例讲述了JS上传图片前实现图片预览效果的方法。分享给大家供大家参考。具体实现方法如下:

代码如下:



JS上传图片前的图片预览效果






var dFile = document.getElementById('myfile');
var dImg = document.getElementsByTagName('img')[0];
var dInfo = document.getElementById('info');
dFile.onchange = function(){
if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');return;}
if(dFile.files){
dImg.src = dFile.files[0].getAsDataURL();
}else if(dFile.value.indexOf('\\') > -1 || dFile.value.indexOf('\/') > -1){
dImg.src = dFile.value;
}
}


希望本文所述对大家的javascript程序设计有所帮助。

显示全文