昨天在工作过程中遇见一个问题,让我很苦恼!再次声明,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";