急!!!在线等!!为什么给img标签的src赋值,IE可以显示图片,但火狐显示不了呢
代码如下,我想将file标签浏览的地址放到img下的src上,IE可以显示图片,但火狐不能这是怎么回事?急!!!在线等
</script>
<script type="text/javascript">
$("#supPhoto").change(function(){
// alert($("#supPhoto").val());
document.getElementById("bigImage").src =$("#supPhoto").val();
}) ;
</script>
</head>
<body>
<div id=imgContainer class=imgContainer><img id=bigImage src="${photoPath}" /> </div>
<tr>
<td height="40">
<s:file name="supPhoto" id="supPhoto" class="gensched-37" ></s:file>
<input type="hidden" name="proId" value="${proId}">
<input type="hidden" name="proPath" value="${proPath}">
</td>
<td>
</td>
</tr>
</body>
</html> --------------------编程问答-------------------- document.getElementById("bigImage").src =$("#supPhoto").val();
换成jquery的写法:
var _src = $("#supPhoto").val();
//首先你得确定_src能正确的取到值 然后
$("#bigImage").attr("src",_src);
你试试这样的写法能不能完成 --------------------编程问答-------------------- // alert($("#supPhoto").val());
这个有没有数据呀? --------------------编程问答-------------------- // alert($("#supPhoto").val());
有数据 --------------------编程问答-------------------- 换成jquery的写法:
var _src = $("#supPhoto").val();
//首先你得确定_src能正确的取到值 然后
$("#bigImage").attr("src",_src);
你试试这样的写法能不能完成
我试了,不好使,用火狐看了看,赋值情况是下面的情况
<img src="yantai.jpg" id="bigImage"/>
yantai.jpg是新赋的值
--------------------编程问答-------------------- 怎么才能让它显示图片呢 --------------------编程问答-------------------- 遇到同样的问题了,易做图给解决方案吧 --------------------编程问答-------------------- 是不是要加根路径。 --------------------编程问答-------------------- <img id=bigImage src="${photoPath}" />
id和name都设置一下。
在火狐下看看是那个没取到值
document.getElementById("bigImage")
$("#supPhoto") --------------------编程问答-------------------- 用绝对路径,火狐的图片路径与IE不一样 --------------------编程问答-------------------- 可能对页面解析的模式不同导致ff不能显示,你换成Image对象的方式呢?
比如:
var newImg = new Image();
newImg.src = $("#supPhoto").val();
document.getElementById("bigImage").src =newImg.src; --------------------编程问答-------------------- IE是缓存,火狐没有缓存。 --------------------编程问答-------------------- 1、统一换成jquery的写法
2、确定图片路径不为空
3、确定图片路径正确 --------------------编程问答-------------------- 目测图片路径问题。
你的图片和这个jsp是在同级目录吗? --------------------编程问答-------------------- 即使是IE下,不同路径的图片有的显示,有的不显示。 --------------------编程问答-------------------- document.getElementById("bigImage").setAttribute('src',$("#supPhoto").val()); --------------------编程问答-------------------- 应该是相对路径的问题。LZ其实你自己就能解决。图片找不到的话一般会显示一个叉图片,你图片右键新页面打开,就能看到那个图片的路径。根据路径和你图片实际的路径一比较,就知道了。 --------------------编程问答-------------------- 浏览器兼容性问题 --------------------编程问答-------------------- 火狐 不支持相对路经,这个是火狐规则,直接一全路径放上去,就是jsp里面的path +图片路径。
补充:Java , Web 开发