社区
跨浏览器开发
帖子详情
chrome下如何实现图片预览
爱花的石头
2011-11-29 09:24:42
问题如题,不知道有做过的大虾没,IE下的预览是支持的,非常简单,但是由于谷歌的安全限制,导致预览做不了了,不知道各位是怎么实现的,网上找了一些,代码也看不懂,不知道实现原理是怎么样的,求救啊。!!!!
急。。。。急。。。。。
...全文
366
5
打赏
收藏
chrome下如何实现图片预览
问题如题,不知道有做过的大虾没,IE下的预览是支持的,非常简单,但是由于谷歌的安全限制,导致预览做不了了,不知道各位是怎么实现的,网上找了一些,代码也看不懂,不知道实现原理是怎么样的,求救啊。!!!! 急。。。。急。。。。。
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
爱花的石头
2013-03-03
打赏
举报
回复
4楼的大哥是正确啊。。结早了。没分给了。。不好意思啊。
lixiaojun914
2012-10-30
打赏
举报
回复
<input type='file' onchange='test(this)'/>
function test(src){
var img = document.getElementById("_image");
if (src.files && src.files[0]){
var reader = new FileReader();
reader.onload = function(evt){img.src = evt.target.result;}
reader.readAsDataURL(src.files[0]);
}
}
xiao_long_guo
2012-09-07
打赏
举报
回复
不知道你的问题是否是图片预览出不来,需要加入
-webkit-print-color-adjust: exact
爱花的石头
2011-11-30
打赏
举报
回复
谷歌了一个,说是要后台代码,但是我试了一下,没看到任何效果,也不知道是通过什么原理实现的,没办法改。。。
还有一个说HTML5己经可以通过JS解决这个问题,但是copy了一下原代码试了一下,还是不行。。其他的就不知道了。。
研究了一两天了,还是没有解决。。
p2227
2011-11-29
打赏
举报
回复
你都找了哪些
Jsp
图片
预览
程序(含Java源码)目前,很多网站都在为提升用户体验而努力,想尽多种办法让用户在网站上的操作更加舒适、人性化,就像这个
图片
预览
小功能一样,不要说它很小,但是它发挥的作用很明显,在上传前
预览
一下
图片
,以免选择了错误的文件,上次写的无刷新文件上传系统最初的目的就是用来
实现
这个
图片
预览
效果,程序中的JavaScript部分兼容ie6/7/8, firefox 3.5.5以及opera 10、safari 4.0.4、
chrome
3.0 等多种浏览器。
Jsp
图片
预览
程序(含Java源码) 目前,很多网站都在为提升用户体验而努力,想尽多种办法让用户在网站上的操作更加舒适、人性化,就像这个
图片
预览
小功能一样,不要说它很小,但是它发挥的作用很明显,在上传前
预览
一下
图片
,以免选择了错误的文件,上次写的无刷新文件上传系统最初的目的就是用来
实现
这个
图片
预览
效果,程序中的JavaScript部分兼容ie6/7/8, firefox 3.5.5以及opera 10、safari 4.0.4、
chrome
3.0 等多种浏览器。
上传
图片
预览
上传 Image Preview
图片
上传
预览
是一种在
图片
上传之前对
图片
进行本地
预览
的技术。 使用户选择
图片
后能立即查看
图片
,而不需上传服务器,提高用户体验。 但随着浏览器安全性的提高,要
实现
图片
上传
预览
也越来越困难。 不过群众的智慧是无限的,网上已经有很多变通或先进的方法来
实现
。 例如ie7/ie8的滤镜
预览
法,firefox 3的getAsDataURL方法。 但在opera、safari和
chrome
还是没有办法
实现
本地
预览
,只能通过后台来支持
预览
。 在研究了各种
预览
方法后,作为总结,写了这个程序,跟大家一起分享。 上次写的简便无刷新文件上传系统最初的目的就是用来
实现
这个
图片
预览
效果的。 兼容:ie6/7/8, firefox 3.5.5 后台支持下还兼容:opera 10.10, safari 4.0.4,
chrome
3.0
javascript客户端
图片
预览
脚本
javascript客户端
图片
预览
,支持火狐、ie、谷歌(
chrome
)
js type=file
图片
预览
js IE、
Chrome
上
实现
type=file的
图片
实时
预览
兼容最新firefox、
chrome
和IE的javascript
图片
预览
实现
代码
javascript
实现
客户端file选择文件后img标签加载客户端
图片
实现
图片
预览
。 测试浏览器:firefox6,firefox12,
chrome
25.0.1364.172 m,IE6-IE10 都兼容 safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不知道后续的safari版本是否支持FileReader对象。 IE10下效果: IE9下效果:
实现
源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
跨浏览器开发
5,007
社区成员
2,693
社区内容
发帖
与我相关
我的任务
跨浏览器开发
解读Web 标准、分析和讨论实际问题、推动网络标准化发展和跨浏览器开发进程,解决各种兼容性问题。
复制链接
扫一扫
分享
社区描述
解读Web 标准、分析和讨论实际问题、推动网络标准化发展和跨浏览器开发进程,解决各种兼容性问题。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章