HTML / Javascript从img src属性中删除数据

前端之家收集整理的这篇文章主要介绍了HTML / Javascript从img src属性中删除数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的页面中有一个空的img< img ... src =“”/>

当事件发生时,我将img属性设置为内联png数据:

< img ... src =“data:image / png; base64,...”/>

当另一个事件发生时我将src设置为空(删除img):myImg.src =“”

问题是:当我将src设置为空时,img不会重新加载.如果我隐藏img,等待一段时间并再次显示它可行,但这是一个丑陋的黑客……

P.S:我不想设置一个默认的’空白’图像,我需要它真的是空白的(src =“”).

编辑:
我的javascript

biometria.setImage = function(png) {
    if(png)
        bioCanvas.src = 'data:image/png;base64,' + png;
    else
        bioCanvas.src = '';
};

Edit2:浏览器:谷歌浏览器18.0.1025.162 Ubuntu 12.04

解决方法

从技术上讲,图像标记需要具有src属性,并且它应该不为空.但是,当src属性为空时,W3C specification不清楚如何处理这些情况.因此,每个浏览器处理这种情况的方式略有不同.

实际上,由于缺乏规范,可能会产生很多问题,你的问题只是其中之一.有关此问题的更详细信息,请参见here.

正如其他人所指出的那样,更可取的是通过CSS隐藏/显示图像(可见性:如果你想保持空间占用,则为none;如果你想让图像完全消失,则显示:none).或者,您可以使用JS删除完整的图像标记,并在想要将其插入时创建新图像.

猜你在找的HTML相关文章