JavaScript 图片预览效果

【原创】JavaScript 图片预览效果
随着浏览器安全性的提高，要实现图片预览也越来越困难。
不过群众的智慧是无限的，网上也有很多变通或先进的方法来实现。
在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。
上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。

兼容：ie6/7/8, firefox 3.5.5
后台支持下还兼容：opera 10.10, safari 4.0.4, chrome 3.0



详细程序说明和效果预览请看这里

完整实例下载（asp.net版）

完整实例下载（asp版）

[解决办法]
谢谢分享！
[解决办法]
排队支持+JF
[解决办法]
好贴！！！顶~
[解决办法]
希望以后别在有人提问，本地图片预览的问题了~~
[解决办法]
谢谢分享。jf
[解决办法]
接分
[解决办法]
必须顶
[解决办法]
UP
[解决办法]
不错。不错。非常棒！
[解决办法]
牛！！！~~~~~~~~~~~~~~~~~~~~~~~
[解决办法]

JScript code

楼主做的每个东西 看上去都很健壮. 佩服 + 羡慕
[解决办法]
好啊！真是佩服…………………………………………………………
[解决办法]
非常好~~~~~~~~~~~~~~~~~~我顶
[解决办法]
谢谢！楼主强大!
[解决办法]
佩服+羡慕+学习+jf~~
[解决办法]
好帖，顶一个
[解决办法]
ding ding !~~~~~~~
[解决办法]
lz产品来的真快，
[解决办法]
探讨

佩服+羡慕+学习+jf~~

[解决办法]
学习
[解决办法]
顶，楼主的产品都很不错...
[解决办法]
先收下
[解决办法]
hao, hao, hao, 总~书~记连说3声好.
[解决办法]
NICE
[解决办法]
up~~
[解决办法]
排队 排队！
[解决办法]
O(∩_∩)O谢谢，
 楼主分享！ 
  研究研究一下
[解决办法]
学习```


[解决办法]
学习

[解决办法]
学习

------解决方案-------------------- 
 
谢谢分享了啊 顶楼主
[解决办法]
LZ好强大，前来顶一个！
[解决办法]
这个必须顶
[解决办法]
up
[解决办法]
学习中，加油。
[解决办法]
顶了。
[解决办法]
^_o(∩_∩)o...哈哈
[解决办法]
学习了
[解决办法]
非常棒~~
[解决办法]
好，，非常好！！！
[解决办法]
不懂帮顶
[解决办法]
谢谢分享
[解决办法]
多谢楼主
[解决办法]
谢谢分享
[解决办法]
谢谢。。。。。。。。
[解决办法]
哈哈！

[解决办法]
thank you
[解决办法]
感谢分享
[解决办法]
精彩...
[解决办法]
各回各家
[解决办法]
顶~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~```
[解决办法]
支持~
[解决办法]
up
[解决办法]
牛人，一定向你学习
[解决办法]
谢谢 分享 以后研究
[解决办法]
不错，顶一个！
[解决办法]
顶
[解决办法]
终于出来鸟~~``支持！

不过貌似代价挺大的，从实用的角度来看，如果在上传图片前预览，用户体验好的方式是直接在文件选择框中查看缩略图模式；如果是预览服务端已有图片，那更好处理。

不过从学术性研究来看，就很不错了，至少IE下的Data URI 和 MHTML是个亮点 ^_^
[解决办法]
支持！UP
[解决办法]
厉害的，顶一个
[解决办法]
NBren
[解决办法]
不错呀！顶顶！
[解决办法]
学习，谢谢楼主。。。jf
[解决办法]
探讨

引用:
 终于出来鸟~~``支持！

 不过貌似代价挺大的，从实用的角度来看，如果在上传图片前预览，用户体验好的方式是直接在文件选择框中查看缩略图模式；如果是预览服务端已有图片，那更好处理。 
 

 不过从学术性研究来看，就很不错了，至少IE下的Data URI 和 MHTML是个亮点 ^_^


 文件选择框中查看?
 不是很明白
 是说鼠标移上去后一个浮动层来显示么？
 是的话修改实例代码就行了
 毕竟实例只是应用例子，实际应用要自己按需要写的
 关键是核心的ImagePreview的使用
 或许我更关注的是程序员体验 ^_^

[解决办法]
哇塞 很好！顶!
[解决办法]
支持原创,尤其是LZ的作品,必看啊!学习

PS.LS的头像...莫非是------樱井MM?
[解决办法]
jf
[解决办法]
不错
[解决办法]
谢谢无私的奉献！呵呵!
[解决办法]
xuexi
[解决办法]
很不错了说
[解决办法]
mark
[解决办法]
bu cuo
[解决办法]
马克一下
[解决办法]

[解决办法]
不错
[解决办法]
踩一脚, Mark,  

再收藏之....
[解决办法]
收藏了！ 帮顶！
[解决办法]
顶  谢谢分享   真需要这个学习
[解决办法]
啥时俺也能这样牛呢？
[解决办法]
一般,真正想全适用,也只有,先上传再显示了,IE6后,直接利用本地地址是不能预览到图片的了,做过一个裁剪头像的功能,也就是使用这样的思路解决的
[解决办法]
膜拜牛人...
[解决办法]
好人那
[解决办法]
谢谢楼主分享！
[解决办法]
不错，学习了！谢谢楼主的分享！
[解决办法]
学习下
[解决办法]
楼主，你太高了！！！！！！！！！！！！！
[解决办法]
收藏
[解决办法]
Data UI..是亮点
[解决办法]
mark
[解决办法]
下载并收藏。谢谢分享