使用h5做上传图片的即时显示
来源:互联网 发布:时间序列的数据挖掘 编辑:程序博客网 时间:2024/05/01 10:28
使用FileReader的readAsDataURL可以将文件读取为base64编码的字符串,使用img标签可以展示为base64编码的图片。
/**
*img 展示图片的标签
*obj input file 标签
*/
function (img,obj){
var reader = new FileReader();
reader.onloadend=function(e) {
img.src = e.target.result;
};
reader.readAsDataURL(obj.files[0]);
}
对于IE10以下的浏览器,可以有相应的解决办法:
使用一个div 代替img,比如<div id="mydiv"></div>
然后使用如下代码:document.getElementById('mydiv').style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(
sizingMethod='scale',src='"+name+"',width='166px',height='165px')";
0 0
- 使用h5做上传图片的即时显示
- 图片的即时上传显示
- 上传图片即时显示
- 上传图片即时显示
- 上传图片 即时显示
- 上传图片,即时显示缩略图
- HTML上传即时显示图片
- jsp中上传图片时的即时显示效果
- 在页面即时显示要上传图片的缩略图
- html5获取上传图片的大小和即时显示
- 图片上传时即时显示2
- jQuery 上传图片并即时显示
- js实现图片上传并即时显示
- 使用H5的FileApi预览将要上传的图片
- php yii2使用qiniu插件 上传多张图片并即时显示
- input标签上传图片到后端前用H5的FileReader 方法实现图片的显示
- 上传照片即时显示
- jsp中实现上传图片即时显示效果功能
- KMP模式匹配算法
- Redis持久化
- 按键精灵刷阿里妈妈广告联盟源码 后台运行 并显示点击次数 亲测有效
- Qt 图形特效(Graphics Effect)介绍
- postgresql libpq C语言网络库接口操作数据库例子
- 使用h5做上传图片的即时显示
- Linux档案内容查阅的命令
- 数据结构实验之栈:行编辑器
- QT:界面切换之飞入飞出
- [sicily]1209. Sequence Sum Possibi
- 数据结构实验:哈希表
- HTML5 Web app开发工具Kendo UI Web教程:创建自定义组件(一)
- 虚拟化中的SR-IOV
- 【读书笔记】iOS网络-测试与操纵网络流量