上传图片预览效果
一个img标签 ，一个FileUpload控件
FileUpload控件选中一种图片，让img标签显示出来
要所有的浏览器下都兼容 不知是否可实现，求高手指点 有源码更好，先谢谢各位了
[解决办法]
参考孟子e章的文章
多图片上传+图片预览，兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
[解决办法]
先本地显示
[解决办法]
[解决办法]
留个脚印
之前做过一次 看来可以仿照孟哥的在优化了
[解决办法]
http://www.open-lib.com/Type/201-1.jsp
这里效果很多
[解决办法]
- HTML code
<html> <head> <title>get file input full path</title> <script language='javascript'> function getFullPath(obj) { if(obj) { //ie if (window.navigator.userAgent.indexOf("MSIE")>=1) { obj.select(); return document.selection.createRange().text; } //firefox else if(window.navigator.userAgent.indexOf("Firefox")>=1) { if(obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } } </script> </head> <body> <input type="file" onchange="document.getElementById('img').src=getFullPath(this);" /> <img id="img" height="174" width="234"/> </body> </html>
[解决办法]
想要兼容性好 还是首选flash.
需要DEmo留邮箱.
[解决办法]
[解决办法]
你单指预览的话 flash 吧
[解决办法]
案例，多图片浏览上传
[解决办法]
不知道你做这个的用途，FileUpload里直接用‘缩略图’模式查看不就看到图片了？
[解决办法]
<title>无标题页</title>
<script type="text/javascript">
function show1(upimg)
{
var dd=document.getElementById("divview");
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upimg;
dd.style.width = 100;
dd.style.height = 100;
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:FileUpload ID="fuFile" onpropertychange="show1(this.value)" runat="server" />
div的样式<br />
<div id="divview" style="Filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); width: 100px; height: 100px;">
</div>
</div>
</form>
</body>
[解决办法]
你想要兼容所有浏览器的例子，这难度有点大，等待中。。。
[解决办法]
兼容所有浏览器这个难度不是一般呀，建议用flash 吧，这个差不多可以做到。
[解决办法]
如果用fileupload控件，由于浏览器的安全设置，你是得不到图片的物理地址的，取到的只是图片的虚拟地址，所以，你也就无法上传之前进行预览；当然，你也可以设置浏览器的安全选项，也可以，不过，一点实际用处都没有。
[解决办法]
收藏了啊，，，，，，，，，，，，