H5上传图片前端预览显示
2016-07-12 10:07
405 查看
//显示小图片 var reader=new FileReader(); reader.onload = function ( event ) { var htmlStr = null; var src = null; if (isImage(file)){ src = event.target.result; htmlStr = "<img src='"+src+"'>"; } $("#id").append(htmlStr); }; reader.readAsDataURL(file);
相关文章推荐
- 添物不花钱学javaEE--CSS
- 添物不花钱学javaEE--CSS
- SCSS Invalid US-ASCII character 处理
- Butter Knife 使用方法
- 多功能jQuery树插件zTree实现权限列表简单实例
- Bootstrap 中的 Typeahead 组件 -- AutoComplete
- JavaScript Tab切换
- JavaScript
- 关于HTML5语义标签的实践(blog页面)
- 基于BootStrap环境写jQuery tabs插件
- 【HDU】5492 Find a path(2015 ACM/ICPC Asia Regional Hefei Online)
- Jquery表单验证
- js帮其他元素添加链接的方式
- HTML5 audio标签 打造属于自己的音乐播放器
- Angular 路由route实例代码
- 有趣的Node
- 有趣的Node
- 记录---nodejs 安装
- 图片 jquery.imageLens.js 图片放大镜效果
- ExtJS学习之TreePanel