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


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

jquery web前端开发 HTML JavaScript

东方圣白莲 10 years, 11 months ago

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

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

用别人的库的,我用fine upload

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

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

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

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

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

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

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

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

asdas answered 10 years, 11 months ago

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

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

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

MIsSA answered 10 years, 11 months ago

Your Answer