日期:2014-05-20  浏览次数:20717 次

input type=file 上传图片问题
现在有一个 
HTML code

<input name="File1" type="file" id="file1" size="40"/>
<img id="imgphoto" name="cut_img" src="#"  />


我想在点击浏览的时候 把图片显示到id=cut_img那里去,达到一个预览的效果。
应该怎么操作了?试过了很多种方法 onpropertychange 只能在IE下,FF下也不行, onchange又不行...真的很郁闷,求高手赐教....还有什么更好的方法...
JQuery的 $('#imgphoto').attr('src', '图片值');
Mootools的 $('imgphoto').setProperty('src','图片值')
两个试过了 也不行 在FF下文件的绝对路径就没有了...

------解决方案--------------------
http://blog.csdn.net/wlzwcr/archive/2010/10/11/5933740.aspx
------解决方案--------------------
onchange="$('cut_img').src=this.value;"
------解决方案--------------------

------解决方案--------------------
ie是可以用滤镜实现图片客户端预览的,ff想都别想http://www.cnblogs.com/cloudgamer/archive/2009/12/22/ImagePreview.html
------解决方案--------------------
多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/

http://dotnet.aspx.cc/file/Multi-Files-Upload-With-Preview.aspx
------解决方案--------------------
js版块 很早以前有个推荐的帖子。你去查查。
那个例子是兼容各个浏览器预览功能
------解决方案--------------------
http://topic.csdn.net/u/20100910/18/0c28f8d3-f552-4e13-825b-50dd35d65c17.html