试试这个
简便的方法是首先运行页面 查看源文件 找见 FileUpload1 由于是服务器端空间 其id 将发生变化 不过他的id变化是有规律的这里不多说 找见id
var value = document.getElementById("ctl00_phOnceContent_ASPxRoundPanel2_hiddenUrl").value;
最好是在
在浏览后面添加一个上传按钮 点击上传显示图片 因为FileUpload 与updatepanel 冲突为了解决页面刷新的问题 ,可以将上传图片与显示图片的部分放到iframe页面
不知道我说清楚了没有
1. getElementByid 其中I大写getElementById
2. .Net4.0以下版本,所有用户控件、模板页上控件几乎不可能找到一个正确的控件的ID,都是连接每个控件的ID和父容器的名字。
前台代码:
后台:
FileUpload1.Attributes.Add("onchange", "chgImg(this.value);");
如果要访问服务器控件的ID,不建议直接在js直接引用其ID,而是用类似:var FileUpload1.ClientID,这个才是获取服务器控件发送到浏览器时的id。至于你说的值为空,估计就是你的id获取不正确,你可以alert一下,看看结果是不是你想要的。
浏览器安全性的提高,要实现图片上传预览不是那么简单了
不过有很多变通或先进的方法来实现
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法
具体可以参考这个图片上传预览效果