Html5 FileReader实现即时上传图片功能实例代码_html5教程技巧

下面的是在ie9下面实现的预览,跟ie8还是不一样的,不过我记得貌似ie8好像也是利用了fiter的功能,因为项目只要求在ie9以上,所以就没有写出ie8的啦

复制代码代码如下:

Document

#kk{
width:400px;
height:400px;
overflow: hidden;
}
#preview_wrapper{
width:300px;
height:300px;
background-color:#ccc;
overflow: hidden;
}
#preview_fake{ /* 该对象用于在ie下显示预览图片 */
filter:progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=scale);
width:300px;
overflow: hidden;
}
#preview_size_fake{ /* 该对象只用来在ie下获得图片的原始尺寸,无其它用途 */
filter:progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=image);
width:300px;
visibility:hidden;
overflow: hidden;
}
#preview{ /* 该对象用于在ff下显示预览图片 */
width:300px;
height:300px;
overflow: hidden;
}

Html5 FileReader实现即时上传图片功能实例代码_html5教程技巧

Html5 FileReader实现即时上传图片功能实例代码_html5教程技巧

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2913385.html

(0)
上一篇 2025年3月11日 09:00:39
下一篇 2025年3月8日 01:33:55

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论