我的html代码是 目的是通过javascript来实现图片预览 <script language="javaScript">
function b() {
image1.innerHTML="<img src=\""+document.getElementById("file1").value+"\"/>";
alert(image1.innerHTML);
}
</script>
<div id="image1">
<img border='0' src="image/baidu_logo.gif" alt='11111111' width='250px' height='200px'/>
</div>
<input type="file" name="text2" id="file1" onchange="b();">双击哪个html能正常切换图片 可加到tomcat里再访问 就不能切换图片了 这是为什么
我在各各版本的IE上都是同样的效果还有在myeclipe里自带的 IE preview 能正常切换
function b() {
image1.innerHTML="<img src=\""+document.getElementById("file1").value+"\"/>";
alert(image1.innerHTML);
}
</script>
<div id="image1">
<img border='0' src="image/baidu_logo.gif" alt='11111111' width='250px' height='200px'/>
</div>
<input type="file" name="text2" id="file1" onchange="b();">双击哪个html能正常切换图片 可加到tomcat里再访问 就不能切换图片了 这是为什么
我在各各版本的IE上都是同样的效果还有在myeclipe里自带的 IE preview 能正常切换
<head>
<script language="javaScript">
function b() {
image1.innerHTML="<img src=\""+document.getElementById("file1").value+"\"/>";
}
</script>
</head>
<body>
<div id="image1">
<img border='0' src="image/baidu_logo.gif" alt='11111111' width='250px' height='200px'/>
</div>
<input type="file" name="text2" id="file1" onchange="b();">
</body>
</html>
改了还是不行
放入Tomcat "\" 就到webapps目录了。
我觉得楼主你有一个问题没有理解。如果直接用IE打开HTML,file控件中,你选中的图片是本地的一个文件路径(类似 file://d:/xxx/xx/xx.jpg),
你把这个放到img的src属性上,IE可以识别本地文件协议,所以,可以显出图片来。但如果放到Tomcat上以后,tomcat是不理解这个文件协议的,Tomcat只能尝试从你的工程目录下去查找,
在一个机器上的时候还好说,如果在两个主机上,则在文件上传到服务器之前,更不可能预览到图片了。
改成
<img border='0' src="<%=request.getContextPath()%>/image/baidu_logo.gif" alt='11111111' width='250px' height='200px'/>
参考一下这篇文章吧,貌似有点复杂:
http://boris-song.javaeye.com/blog/233354