图片上传预览问题,跪求>...
本人,现在要做一个图片上传,上传完后下面就能预览,就在这一个界面,不跳转。上传好做但上传就能预览纠结了好久,请各位大侠们帮帮忙,我是用uploadify 做的上传的,效果比较好看,不知道这个可不可以做图片上传能预览呢?其他技术也行,能实现功能?
------解决方案--------------------js添加img标签
------解决方案--------------------谷歌一下吧,以下是网上copy来的。
基本原理:
图片预览主要包括两个部分:从file表单控件获取图像数据,根据数据显示预览图像。
程序的file和img属性就是用来保存file控件和显示预览图像的容器的,而img还必须是img元素。
程序有以下几种预览方式:
simple模式:直接从file的value获取图片路径来显示预览,适用于ie6;
filter模式:通过selection获取file的图片路径,再用滤镜来显示预览,适用于ie7/8;
domfile模式:调用file的getAsDataURL方法获取Data URI数据来显示预览,适用于ff3;
remote模式:最后的办法,把file提交后台处理后返回图片数据来显示预览,全适用。
程序定义时就自动根据浏览器设置MODE属性:
JScript code
ImagePreview.MODE = $$B.ie7 || $$B.ie8 ? "filter" :
$$B.firefox ? "domfile" :
$$B.opera || $$B.chrome || $$B.safari ? "remote" : "simple";
------解决方案--------------------
同样的问题,坐等高手解决~
------解决方案--------------------
------解决方案--------------------
你可以先把图片拷贝到你的项目部署环境下,然后在使用JS在页面上添加一个IMG标签就可以展现出来啊
------解决方案--------------------
相同的问题,坐等高手
------解决方案--------------------
上传完成,还显示同样的界面,不同的是,你只要判断当前是否记录,有记录将将只读取出来,放在img标签的src里面,只要路径正确,图片就能显示
------解决方案--------------------
用Jquery的Jcrop
预览兼切割