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

2025-03-01 18:17:17
推荐回答(6个)
回答1:



预览

试试这个

回答2:

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

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

回答3:

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

回答4:

前台代码:









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

回答5:

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

回答6:

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

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

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

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