Javascript to type "alt" from image url omitting specific characters

Question

The following script works but not as expected.

<img class="img" src="https://photoooo.com/Name-Name2.jpg" width="200" height="300" />

$(document).ready(function() {  
  $('img').each(function(){  
   var $img = $(this);
   var filename = $img.attr('src')  
     if (typeof attr == typeof undefined || attr == false){
        $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
    }  
  });  
 });

I would like to modify the script so that it fetches the name of the photo to "alt" from the url of the photo. Excluding characters: "-" and ".jpg".

score 0 · Accepted Answer · 2023-01-28 13:35:28Z

0

use the replace method to remove the specific characters from the filename before setting it as the alt attribute

$(document).ready(function() {  
  $('img').each(function(){  
    var $img = $(this);
    var filename = $img.attr('src')  
    if (typeof attr == typeof undefined || attr == false){
    console.log(filename)
        var altText = filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.'))
        altText = altText.replace("-", "").replace(".jpg", "")
        $img.attr('alt', altText);
        console.log(altText)
    }  
  });  
});

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <img class="img" src="https://cdn.pixabay.com/photo/2017/03/01/15/40/internationalwomensday-2108838_960_720.png" width="200" height="300" />

edited Jan 28, 2023 at 13:35

answered Jan 28, 2023 at 11:18

user21078390

Sign up to request clarification or add additional context in comments.

3 Comments

Rafal Over a year ago

Did not work. It downloads with these characters I don't want :(

user21078390 Over a year ago

It's work fine, please Run Code Snipped

Rafal Over a year ago

Yes, it works elegantly. Sorry for the confusion.

Collectives™ on Stack Overflow

Javascript to type "alt" from image url omitting specific characters

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related