检查HTML IMG SRC是空的使用javascript

我想学习JavaScript，这里是我解决不了的问题。我有这样的HTML标记检查HTML IMG SRC是空的使用javascript

<img id="img1" src="" class="img-thumbnail" style="display:none;" /> 
    <input id="addimg" type="button" value="Save URL" onclick='SaveUrl()'/>

使用JavaScript我要检查如果图像信号源为空，这里有一个Javascript功能：

function SaveUrl() { 
    var url = document.getElementById("ImageUrl").value; 
    SaveImgUrl(url); 
    ClearUrl(); 
} 

function SaveImgUrl(url) { 
     var img = document.getElementById("img1"); 
     if (img.src.length == 0) { 
      img.src = url; 
      img.style = "block"; 
     }

问题是，如果语句时，源值为“”（“但没有按如果img.src ==）我也尝试过”我的意思是它返回false也没有帮助。我也知道有jQuery的通过提供simplier解决方案，但我想用简单的JavaScript来解决它，而无需使用任何框架..请帮助:)

来源

2017-04-12 Geoman

你必须使用getAttribute函数来获取SRC像这样：

<script> 
 
function checkSRC() 
 
{ 
 
    var elem = document.getElementById('img1'); 
 
    if(elem.getAttribute('src') == "") 
 
    { 
 
    alert("empty"); 
 
    } 
 
    else 
 
    { 
 
    alert("HAS a value"); 
 
    } 
 
} 
 
</script> 
 
<img id="img1" src="" class="img-thumbnail"/> 
 
<button onClick="checkSRC();">CHECK SRC</button>

，如果它的值都将：

<script> 
 
function checkSRC() 
 
{ 
 
    var elem = document.getElementById('img1'); 
 
    if(elem.getAttribute('src') == "") 
 
    { 
 
    alert("empty"); 
 
    } 
 
    else 
 
    { 
 
    alert("HAS a value"); 
 
    } 
 
} 
 
</script> 
 
<img id="img1" src="https://pbs.twimg.com/profile_images/378800000532546226/dbe5f0727b69487016ffd67a6689e75a.jpeg" class="img-thumbnail"/> 
 
<button onClick="checkSRC();">CHECK SRC</button>

来源

2017-04-12 16:54:53

非常感谢，我用你的帮助解决了我的问题。 – Geoman

我想但不知道如何，我觉得我还没有足够的声望呢。 – Geoman

是的，刚刚发现它再次感谢:) – Geoman

更改您的if语句来此

function SaveImgUrl(url) { 
    var img = document.getElementById("img1"); 
    if (!img.src || !img.src.length || img.src.length === 0) { 
     img.src = url; 
     img.style = "block"; 
    }

你没有检查src是否不存在，因此无法检查长度。

来源

2017-04-12 16:53:27 camccar

你需要检查它是否有值，如果是，值是否只包含白色字符

if ((!img.src) || (!img.src.trim()))

来源

2017-04-12 16:55:53

检查HTML IMG SRC是空的使用javascript

回答

相关问题