Question

FileUpload控件点击浏览后image控件显示选中的图片

用js控制但是一直说document.getElementByid(FileUpload1).value为空
我调试了 但是一直说那个为空，alert也为空

Answer 1

<script language="javascript" type="text/javascript">
function showImg(value)
{
var obj = window.document.getElementById("oViewUploadFile");
obj.src = value
}
</script>
<asp:FileUpload runat="server" ID="oUploadFile" onchange="javascript:showImg(this.value)" />
<img src="#" id="oViewUploadFile" alt="预览" />

试试这个

Answer 2

简便的方法是首先运行页面 查看源文件 找见 FileUpload1 由于是服务器端空间 其id 将发生变化 不过他的id变化是有规律的这里不多说 找见id
var value = document.getElementById("ctl00_phOnceContent_ASPxRoundPanel2_hiddenUrl").value;

最好是在
在浏览后面添加一个上传按钮 点击上传显示图片 因为FileUpload 与updatepanel 冲突为了解决页面刷新的问题 ，可以将上传图片与显示图片的部分放到iframe页面
不知道我说清楚了没有

Answer 3

1. getElementByid 其中I大写getElementById
2. .Net4.0以下版本，所有用户控件、模板页上控件几乎不可能找到一个正确的控件的ID，都是连接每个控件的ID和父容器的名字。

Answer 4

前台代码：
<script type="text/javascript">
function chgImg(url){
var pic = document.getElementById("Image1");
pic.src = url;
}
</script>

<img alt="" src="" id="Image1" />
<br />
<asp:FileUpload ID="FileUpload1" runat="server" />
<br />

后台：
FileUpload1.Attributes.Add("onchange", "chgImg(this.value);");

Answer 5

如果要访问服务器控件的ID，不建议直接在js直接引用其ID，而是用类似：var FileUpload1.ClientID，这个才是获取服务器控件发送到浏览器时的id。至于你说的值为空，估计就是你的id获取不正确，你可以alert一下，看看结果是不是你想要的。

Answer 6

浏览器安全性的提高，要实现图片上传预览不是那么简单了

不过有很多变通或先进的方法来实现

例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法

具体可以参考这个图片上传预览效果