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


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

jquery web前端开发 HTML JavaScript

东方圣白莲 9 years, 10 months ago

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

费诺瓦.卡塔 answered 9 years, 10 months ago

用别人的库的,我用fine upload

按丑但按善良 answered 9 years, 10 months ago

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

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

死兆星.魔导 answered 9 years, 10 months ago

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

月光琉璃色 answered 9 years, 10 months ago

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

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

asdas answered 9 years, 10 months ago

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

宅男的无奈 answered 9 years, 10 months ago

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

MIsSA answered 9 years, 10 months ago

Your Answer