上传图片预览效果,该怎么处理

2012-04-25

上传图片预览效果一个img标签，一个FileUpload控件FileUpload控件选中一种图片，让img标签显示出来要所有的

上传图片预览效果
一个img标签，一个FileUpload控件

FileUpload控件选中一种图片，让img标签显示出来

要所有的浏览器下都兼容不知是否可实现，求高手指点有源码更好，先谢谢各位了

[解决办法]
参考孟子e章的文章
多图片上传+图片预览，兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
[解决办法]
先本地显示
[解决办法]

探讨

参考孟子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留邮箱.

[解决办法]
探讨

引用:
参考孟子e章的文章
多图片上传+图片预览，兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/

有没有简单点的，用javascript操作的，而且图片不需要保存到服务器上面去，

[解决办法]
你单指预览的话 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控件，由于浏览器的安全设置，你是得不到图片的物理地址的，取到的只是图片的虚拟地址，所以，你也就无法上传之前进行预览；当然，你也可以设置浏览器的安全选项，也可以，不过，一点实际用处都没有。
[解决办法]
收藏了啊，，，，，，，，，，，，

热点排行

asp.net

上传图片预览效果,该怎么处理