首页 > 怎样实现点击上传按钮预览图片的功能?

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

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


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

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


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


用别人的库的,我用fine upload


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


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

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


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


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

【热门文章】
【热门文章】