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); } }
相关文章推荐
- JS中利用FileReader实现上传图片前本地预览功能
- js实现图片预览和FormData上传
- 通过修改ajaxFileUpload.js实现多图片动态上传并实现预览
- JS实现用户上传图片并预览(图片fakepath问题)
- [前端 4] 使用Js实现图片上传预览
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- js前台实现上传图片的预览
- jquery+js实现图片上传及时预览
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- 图片上传前预览js实现[转]
- js 实现在页面实现上传图片的预览,并判断大小
- JS实现上传本地图片前先预览
- js图片上传预览功能兼容实现
- js实现前端图片上传即时预览功能
- php+js实现图片的上传、裁剪、预览、提交示例
- JS实现图片的上传和预览
- 用js实现上传图片前的预览
- js实现图片上传预览原理分析
- js实现图片上传及预览---------------------->>兼容ie6-8 火狐以及谷歌