FileUpLoad控件点击浏览后立马显示图片，不用上传

FileUpLoad控件点击浏览后立马显示图片，不用上传，就是如何在点击浏览按钮之后，即可获得其在本机的绝对路径，然后用image控件显示图片，请大家帮帮忙，谢谢

17 个解决方案

#1

大家帮帮忙啊

#2

哪有这么好的东西啊,那你还不如就用图片浏览器打开看得了

#3

81504036 +我给你一个。。。非常好的。。。

#4

我有2个。一个是flash 上传。。一个是用JS写的。。都能实现 上传先预览 +进度条+多上传 功能。

#5

没有见过

#6

引用楼主 liuzhengyizenith 的回复:

FileUpLoad控件点击浏览后立马显示图片，不用上传，就是如何在点击浏览按钮之后，即可获得其在本机的绝对路径，然后用image控件显示图片，请大家帮帮忙，谢谢

以前对浏览器安全性重视程度不高的时候是可以做到的，在我的《ASP.NET夜话》中我还讲过这种实现，但是在高版本的浏览器中这种做法不行了。

#7

引用 6 楼 zhoufoxcn 的回复:

引用楼主 liuzhengyizenith 的回复:
FileUpLoad控件点击浏览后立马显示图片，不用上传，就是如何在点击浏览按钮之后，即可获得其在本机的绝对路径，然后用image控件显示图片，请大家帮帮忙，谢谢

以前对浏览器安全性重视程度不高的时候是可以做到的，在我的《ASP.NET夜话》中我还讲过这种实现，但是在高版本的浏览器中这种做法不行了。

可以实现啊。。。。

#8

<script language="javascript" type="text/javascript"> 
        function PreviewImg(imgFile) 
        {    
            var newPreview = document.getElementById("newPreview"); 
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; 
            newPreview.style.width = "80px"; 
            newPreview.style.height = "60px"; 
        } 
    </script> 
<asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)"  /> 
<div id="newPreview"> </div> 


function $(o){return document.getElementById(o);} 
function CheckImg(o,img) 
{ 
    if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value)) 
    { 
        alert('只能上传jpg,bmp,gif,png格式图片!'); 
        o.outerHTML = o.outerHTML; 
    } 
    else 
    { 
        $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value; 
    } 
} 

<asp:FileUpload ID="FileUpload1" runat="server"  onchange="CheckImg(this, 'img');"  /> 
<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div> 
public string pic=""; 

#9

初学者···

#10

上次还有人共享了 楼主找一找 ajax上传图片

#11

不用FileUpload可以不

#12

顶

#13

http://topic.csdn.net/u/20091224/16/f37b7c72-0aaf-4e9d-9bd5-9af1fefd48be.html

#14

引用 8 楼 wuyq11 的回复:

<script language="javascript" type="text/javascript">
        function PreviewImg(imgFile)
        {   
            var newPreview = document.getElementById("newPreview");
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
            newPreview.style.width = "80px";
            newPreview.style.height = "60px";
        }
    </script>
<asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)"  />
<div id="newPreview"> </div>


function $(o){return document.getElementById(o);}
function CheckImg(o,img)
{
    if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
    {
        alert('只能上传jpg,bmp,gif,png格式图片!');
        o.outerHTML = o.outerHTML;
    }
    else
    {
        $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
    }
}

<asp:FileUpload ID="FileUpload1" runat="server"  onchange="CheckImg(this, 'img');"  />
<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div>
public string pic="";

这个可以，你这个问题有很多的人问过了，网上也有很多的答案

#15

引用 8 楼 wuyq11 的回复:

<script language="javascript" type="text/javascript">
        function PreviewImg(imgFile)
        {   
            var newPreview = document.getElementById("newPreview");
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
            newPreview.style.width = "80px";
            newPreview.style.height = "60px";
        }
    </script>
<asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)"  />
<div id="newPreview"> </div>


function $(o){return document.getElementById(o);}
function CheckImg(o,img)
{
    if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
    {
        alert('只能上传jpg,bmp,gif,png格式图片!');
        o.outerHTML = o.outerHTML;
    }
    else
    {
        $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
    }
}

<asp:FileUpload ID="FileUpload1" runat="server"  onchange="CheckImg(this, 'img');"  />
<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div>
public string pic="";

我用了这个之后图片太大的话都跑出DIV了，怎么控制大小啊？

#16

前几天有高手写出了相关上传组件,绝大多数浏览器可即时预览,你找一找.

#17

参考