您的位置:首页 > Web前端 > JavaScript

js实现上传图片并预览

2017-10-02 14:40 337 查看
window.onload=function(){
var oFile=document.getElementById('file');
oFile.onchange=function(e){
var maxSize=10*1024*1024;
var file=this.files[0];
if(file.type.indexOf('image')<0){
alert('请上传图片');
return;
}
if(file.size>maxSize){
alert('上传图片过大');
return;
}
var fr=new FileReader();
fr.onload=function(e){
var img=new Image();
img.src=e.target.result;
document.body.appendChild(img);
}

fr.readAsDataURL(file);
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: