javascript - 怎样实现点击上传按钮预览图片的功能？

Question

网上的代码看起来很凌乱，不知有什么简单的写法，兼容所有浏览器

Answer 1

http://www.cnblogs.com/rubylouvre/p/4597344.html

然后获取到图片地址之后，就可以任意的预览啊 裁切啊
如果需要裁切的花 可以参考 https://github.com/dolymood/ImageCrop2

Answer 2

不是很理解题主的问题
我就按我解读的来了
预览功能主要不是看浏览器端吧
而是看后端吧
图片必须上传到服务器,服务器返回图片url
然后前端把图片url替换掉placeholder的url,显示出图片
是这样的预览吗??

Answer 3

兼容所有浏览器。IE6？那就上flash吧。

Answer 4

1.ajax上传图片，后端返回图片地址，替换掉默认的图片就可以了
2.不用后端也可以预览图片的，脚本来控制，你可以去找一下这个代码

Answer 5

用一个隐藏的iframe作为form提交的target，在iframe的onload事件中，设置回调函数设定图片的src。

应该没有浏览器兼容性问题。

Answer 6

用别人的库的，我用fine upload

Answer 7

可以用base64的Data URI，实现纯前端的预览图片，但是兼容的话应该只能通过Ajax从后端返回url显示吧。