上传图片,实时预览
2017-11-27 16:41
113 查看
div
js
<input type="file" accept="image/*" class="add_btn"> <div class="upload"></div>
js
$(".add_btn").change(function(){ var files = this.files; //获取路径 var img = new Image(); var reader = new FileReader();//读取文件 reader.readAsDataURL(files[0]); reader.onload = function(e){ var mb = (e.total/1024)/1024; if(mb>= 2){ alert('文件大小大于2M'); return; } img.src = this.result; $(".upload").innerHTML = ''; $(".upload").append(img); } });
相关文章推荐
- JS实时预览上传图片缩略图
- JS实时预览上传图片缩略图
- JS实现上传图片实时预览
- js上传图片预览加实时剪切
- ajax无刷新上传图片并实时预览【转载】
- 实时预览上传图片(QQ上传头像前的预览)
- 无刷新上传图片 可以实时预览 选择图片后即自动上传,没有上传按钮
- js实现上传图片实时预览
- html一个上传图片实时预览的小demo
- 利用jquery,html5实现图片预览实时上传
- Thinkphp5+plupload图片上传功能,支持实时预览图片。
- grails上传多张图片实时预览
- angularjs 实现图片上传实时预览
- 上传图片本地实时预览
- 可预览缩略图(实时预览)的上传图片界面
- html5上传图片实时预览
- JS上传图片本地实时预览缩略图
- 图片上传实时预览效果
- js实现上传图片实时预览,兼容chrome IE firefox多浏览器
- JS图片上传实时预览