Question

37

Check if html img src is empty with javascript

rated 0 times [ 39] [ 2] / answers: 1 / hits: 22573 / 7 Years ago, wed, april 12, 2017, 12:00:00

I'm trying to learn Javascript and here is an issue I can't resolve.. I have this html tag

  <img id=img1 src= class=img-thumbnail style=display:none; />

  <input id=addimg type=button value=Save URL onclick='SaveUrl()'/>

and with Javascript I want to check if image source is empty here are a Javascript functions:

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;

        }

Problem is with if statement I mean it returns false when source value is I also tried if(img.src == ) but that doesn't help as well. also I know there are simplier solutions provided by jQuery but I want to solve it with simple Javascript without using any frameworks.. please help :)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

deving

Add To Favorites

Follow

Total Points: 26

Total Questions: 94

Total Answers: 103

Location: Serbia

Member since Tue, Jul 26, 2022

2 Years ago

deving questions

1 Electron - Failed to load resource: net::ERR_FILE_NOT_FOUND

Fri, Feb 18, 22, 00:00, 2 Years ago

1 XMLHttpRequest has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response

Mon, Jan 10, 22, 00:00, 2 Years ago

1 Yup validation requiring at least one selection

Mon, Oct 4, 21, 00:00, 3 Years ago

1 Nextjs - Fetching single post data using getServerSideProps

Wed, Apr 7, 21, 00:00, 3 Years ago

1 How to query DynamoDB filtering by value in a list

Wed, Jan 13, 21, 00:00, 3 Years ago

View All

answered 7 Years ago zainsagez · Accepted Answer

You have to use the getAttribute function to get the src like so:

<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>

AND IF IT WILL HAVE A VALUE:

<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>