上传并预览图片

[rwm5366745]

<script language="javascript" type="text/javascript">
function Preview(imgSrc) {

document.getElementById("Image1").src = imgSrc;
}
</script>

<asp:Image ID="Image1" Width="100px" runat="server" />
<asp:FileUpload ID="FileUpload1" runat="server" onchange="Preview(this.value);" />


这样写为什么不能实现？

[一切为了你]

必须上传到本地服务器上了 才能显示

[孟子E章]

function Preview(imgSrc) {
alert(imgSrc)

你就明白了

[孟子E章]

另外上传预览的方法是这样的
http://www.cnblogs.com/cloudgamer/archive/2009/12/22/ImagePreview.html

[md5e]

onchange这里好像是server的事件

page_load
{
FileUpload1.Attributes.Add("onchange", "Preview(this.value);");
}

[wangxinlong_]

我觉得你要实现的是上传图片的时候的图片预览功效，但是现在的IE6下用
<asp:FileUpload ID="FileUpload1" name="FileUpload1" onchange="ddd()" runat="server" />
<img alt="" id="preview" height="120" src="../touxiang/noimg.gif"width="100" border="1" name="preview"/>
function ddd() {
var img = document.getElementById("preview");
var sender = event.srcElement;
img.src = sender.value;
return true
}可以，但是在IE8上他的安全级别要很高，你需要用到滤镜才可以实现。你可以gooel一下，网上有许多的。

[子夜__]

上传预览

[rwm5366745]

[Quote=引用 8 楼 wxr0323 的回复:]
上传预览
[/Quote]

我用了这个方法 能够实现预览 但在点击保存 是获取不到 HttpContext.Current.Request.Files

[ycproc]

http://www.open-lib.com/Lib/1451.jsp

[Ultimate]

这两个控件都是服务器控件，建议在后台写 FileUpload 这个控件的代码，或者在后台的load方法里面添加属性...

[highpr]

this.value改成document.form.FileUpload1.value试试

[rwm5366745]

[Quote=引用 1 楼 highpr 的回复:]
this.value改成document.form.FileUpload1.value试试
[/Quote]

获取到了路径 但页面就是无法显示