上传图片预览效果,该怎么处理
日期：2014-05-18 浏览次数：20521 次
上传图片预览效果
一个img标签 ，一个FileUpload控件
FileUpload控件选中一种图片，让img标签显示出来
要所有的浏览器下都兼容 不知是否可实现，求高手指点 有源码更好，先谢谢各位了
------解决方案--------------------
参考孟子e章的文章
多图片上传+图片预览，兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
------解决方案--------------------
先本地显示
------解决方案--------------------
------解决方案--------------------
留个脚印
之前做过一次 看来可以仿照孟哥的在优化了
------解决方案--------------------
http://www.open-lib.com/Type/201-1.jsp
这里效果很多
------解决方案--------------------
一个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;">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
