JS实现input上传图片时显示缩略图
来源:互联网 发布:手机免root数据恢复apk 编辑:程序博客网 时间:2024/05/16 13:50
注意:以下代码只适用于chrome、Firefox和IE10以上
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Js实现input上传图片时显示缩略图</title></head><input type="file" id="imgFile" /><br /><br /><img src="" height="50" /><body></body></html><script>document.getElementById('imgFile').onchange = function(){var preview = document.querySelector("img");var file = document.querySelector("input[type=file]").files[0];var reader = new FileReader();if(file){reader.readAsDataURL(file);}else{preview.src = '';}reader.onloadend = function(){preview.src = reader.result;}}</script>
阅读全文
0 0
- JS实现input上传图片时显示缩略图
- JQuery实现input上传图片显示缩略图
- JQuery实现input上传图片显示缩略图
- js实现移动端漂亮input框上传本地,图片显示缩略图,点击可以查看大图,再点击恢复
- 图片上传 显示缩略图
- 图片上传 显示缩略图
- 图片上传显示缩略图
- 上传图片,即时显示缩略图
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- js 实现前端图片上传,展示缩略图功能
- 【调错】(一)上传图片时缩略图显示问题
- js实现图片上传并即时显示
- JS实现图片上传后自动显示
- js显示上传图片的缩略图、验证上传文件的格式、验证上传文件大小、验证图片宽、高
- JS,jQuery轻松实现input图片上传预览功能
- HTML5上传图片base64编码显示缩略图
- Larvel5.2上传图片并显示缩略图
- ThinkPHP 上传图片,并显示缩略图
- Mysql总结3-mysql常用函数
- 微信小程序事件
- JAVA 面试重点知识总结
- 198. House Robber
- 设计模式之工厂模式(个人理解)
- JS实现input上传图片时显示缩略图
- Eric6与pyqt5学习笔记 3【水平/垂直,网格,窗体四大类布局】
- 设计模式六大原则(6):开闭原则
- UIAutomator2.0详解(UIDevice篇----Screen操作)
- n皇后 洛谷p1219||tyvj1080
- 研究生应该具备的学术素养
- 微信小程序的两种跳转方式
- java解析html
- 能感知的痛与不能感知的痛