基于ASP.NET的 C#语言，使用fileupload控件选择图片在image中同步显示出来
我想在点页面上的fileupload控件选择一个图片后，在下面的image控件中同时显示出来
<asp:FileUpload ID="FileUpload1" runat="server" onchange="Image.src = this.value;" />这个方法我以前用好用，现在不好用了，也不知道是什么原因，而且什么提示也没有，就是image中没有图片
还请各位高手帮帮忙
lhj1330551提供的回答也不好用呀，和我上面的方法的结果一样，fileupload选择完图片后右击image的属性发现应该是传给image的路径是错的
这是image中图片的路径：
file:///C:/fakepath/fangxiang2_0074.jpg
这是图片的实际路径：
file:///D:/图片/fangxiang2_0074.jpg
不管图片的路径是啥样的选择完后image的图片路径都是file:///C:/fakepath/加上实际图片的名称
请高手帮帮忙
那换成别的控件（div）预览这样的可以吗，具体的代码能发来看看吗
我用遨游和IE8都出不来
好像不行。加个Button,算了。
难道真的要这样做。 找了个支持IE的，ff不可以
<style type="text/css">
#newPreview
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
<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="Fud_Pic" runat="server" onchange="PreviewImg(this)" /><div id="newPreview">
利用jquery 改进文件上传控件 的文章
http://www.blueidea.com/tech/web/2009/6944_3.asp
http://www.denisdeng.com/?p=348
源代码下载：
http://www.blueidea.com/articleimg/2009/08/6944/jquery.liveFakeFile.rar
难道真的要这样做。 找了个支持IE的，ff不可以
<style type="text/css">
#newPreview
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
<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="Fud_Pic" runat="server" onchange="PreviewImg(this)" /><div id="newPreview">
利用jquery 改进文件上传控件 的文章
http://www.blueidea.com/tech/web/2009/6944_3.asp
http://www.denisdeng.com/?p=348
源代码下载：
http://www.blueidea.com/articleimg/2009/08/6944/jquery.liveFakeFile.rar
温馨提示：内容为网友见解，仅供参考
第1个回答 2009-12-16
<img id="Img1" src="default.png"/>
<input type="file" onpropertychange="document.all.Img1.src='file:///'+this.value" id="FileUpload2" runat="server" name="FileUpload2" class="utxt"/>
用onpropertychangeg才能捕获改变
============================================
另存为html 单独打开
<!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><title>
</title><meta name="keywords" /><meta name="description" /></head>
<body>
<form name="Form1" method="post" action="Default.aspx" id="Form1" enctype="multipart/form-data">
<div>
</div>
<div align="left">
<input name="uploadFile" type="file" id="uploadFile" onpropertychange="getImg(this)" /></div>
[最好使用XXX00*XXXXX的图片]<br>
<div align="left">
<img id="myimg" height="100" src="images\showimg.gif" width="100" border="0"></div>
<script language="javascript" type="text/javascript">
function getImg(obj){
var img = document.getElementById("myimg");
img.src = 'file:///'+obj.value;
//alert(obj.value);
}
</script>
</form>
</body>
</html>
<input type="file" onpropertychange="document.all.Img1.src='file:///'+this.value" id="FileUpload2" runat="server" name="FileUpload2" class="utxt"/>
用onpropertychangeg才能捕获改变
============================================
另存为html 单独打开
<!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><title>
</title><meta name="keywords" /><meta name="description" /></head>
<body>
<form name="Form1" method="post" action="Default.aspx" id="Form1" enctype="multipart/form-data">
<div>
</div>
<div align="left">
<input name="uploadFile" type="file" id="uploadFile" onpropertychange="getImg(this)" /></div>
[最好使用XXX00*XXXXX的图片]<br>
<div align="left">
<img id="myimg" height="100" src="images\showimg.gif" width="100" border="0"></div>
<script language="javascript" type="text/javascript">
function getImg(obj){
var img = document.getElementById("myimg");
img.src = 'file:///'+obj.value;
//alert(obj.value);
}
</script>
</form>
</body>
</html>
第2个回答 2009-12-15
IE7和其他浏览器为了提高安全性，都不支持上传前预览
第3个回答 2009-12-15
ie6下是可以的 但是ie7不支持这样操作，网上有ie7预览图片的方法 你找找看，有个折中的办法可以实现。
相似回答
