首页 新闻 会员 周边

图片上传怎样预览

0
[待解决问题]

上传图片如何怎样在上传前进行预览?每次上传就必须要进行后台访问吗?有没有别的办法??

问题补充:

IE和FF可以用,但是google和safari就不行了?如何解决这个兼容问题呀?

M_命运_Y的主页 M_命运_Y | 初学一级 | 园豆:147
提问于:2012-07-10 15:00
< >
分享
所有回答(3)
0

用flash上传组件可以办到

artwl | 园豆:16736 (专家六级) | 2012-07-10 15:19
0

搞个img控件预览一下就是的了。

<html>

<head>

<script language="javascript">

function changeImg(valueTemp) {
        document.getElementById("<%=img.ClientID %>").src = valueTemp;
    }

</script>

</head>

<body>

<asp:Image runat="server" ID="img"   />
<asp:fileimgupload runat="server" onpropertychange="changeImg(this.value)"  />

</body>

</html>

悟行 | 园豆:12559 (专家六级) | 2012-07-10 15:27

这个还真不知怎么用呢

支持(0) 反对(0) M_命运_Y | 园豆:147 (初学一级) | 2012-07-10 17:09
0

get file input full path

1行受影响 | 园豆:113 (初学一级) | 2012-07-10 16:54

代码。。。。。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>get file input full path</title>
    <script type="text/javascript" language='javascript'>
        function getFullPath(obj) {
            var newPreview = document.getElementById("img");
            if (obj) {
                //ie 
                if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
                    obj.select();
                    newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);";
                    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.selection.createRange().text;

                    return;
                }
                //firefox 
                else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
                    if (obj.files) {
                        newPreview.src = window.URL.createObjectURL(obj.files.item(0));

                        return;
                    }
                    newPreview.src = obj.value;

                    return;
                }
                newPreview.src = obj.value;

                return;
            }
        }
    </script>
</head>
<body>
    <input type="file" onchange="getFullPath(this);" />
    <img id="img" alt="" style="width:200px; height:200px;" src="你自己的透明图片"/>
</body>
</html>
支持(0) 反对(0) 1行受影响 | 园豆:113 (初学一级) | 2012-07-10 16:55

嗯,谢谢!还有,它怎么才能支持所有的浏览器呢?

支持(0) 反对(0) M_命运_Y | 园豆:147 (初学一级) | 2012-07-10 17:08

有时浏览器不兼容!

支持(0) 反对(0) M_命运_Y | 园豆:147 (初学一级) | 2012-07-10 17:34
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册