img标签在ie和firefox下的疑惑

昨天在工作过程中遇见一个问题，让我很苦恼！再次声明，I like firefox,I don't like ie！我的需求是动态的通过img标签的src属性在页面显示图片，代码如下：

var img = document.createElement("img");

img.width = "50px" ;
img.height = "50px";
.src = "<s:property value="#session.objView.icon" id="icon"/>";

 

这样写在ie和ff下面都不能显示图片，仔细看看源代码，原来页面编译后的源码文件如下：

<img src="/xxx.jpg" width="0" height="0" />

 

我明明设置了width和heght属性，怎么编译后这两个属性值都为0呢？不明白，然后我把js改了改：

 

var img = document.createElement("img");

img.width = "50" ;
img.height = "50";
img.src = "<s:property value="#session.objView.icon" id="icon"/>";

 

这样一来，在ff下面是可以看见图片了，在ie下面还是看不了，在网上查了查资料，有说是因为图片格式ie解析不了，然后我用firework来转换图片的格式，可是还是不行。网上还有很多说法，但是鄙人才疏学浅，看不明白。希望有高人可以指点下。

 

下面这种写法也不错：

var oImg = new Image();
oImg.src = "<s:property value="#session.objView.icon" id="icon"/>";
oImg.width = "50" ;
oImg.height = "50";

 

评论

1 楼 jintao1982 2010-10-19  

1，firefox下需要如下内容才能显示：
<img src="xxx.jpg" width="0" height="0" />