How to get src of original image instread of thumbnail in jquery

Question

I have used this code to get the img src attribute:

$('.listpic').attr('currentSrc');

The image url is: newyorkmodelhstn.jpg. I have to remove tn from this to get the original img src. How can I do this?

score 1 · Answer 1 · edited May 23 '17 at 12:29

1

first rename the string then access it:

var str="newyorkmodelhstn.jpg";
var find = 'tn.';
var re = new RegExp(find, 'g');
str = str.replace(re, '.');//use this to get the image
alert(str);

or you can do this:

var str="newyorkmodelhstn.jpg";
str = str.replace("tn.", '.');//use this to get the image

visit this thread for good explanation and understanding:here

edited May 23 '17 at 12:29

Community

1
1

answered Oct 05 '15 at 08:53

Suchit kumar

11,809
3
22
44

why the use of RegExp ? The only use case would be to get all occurences of `"tn."` which is obviously not what OP does want. – Kaiido Oct 05 '15 at 08:58
@Kaiido it can be done with normal replace also since he needs only one replacement. – Suchit kumar Oct 05 '15 at 09:00

score 1 · Answer 2 · answered Oct 05 '15 at 09:00

1

It is simple, i add dot because a 'th' can be in a middle word

var str = 'newyorkmodelhstn.jpg';
var result = str.replace('tn.', '.');

answered Oct 05 '15 at 09:00

Artem Chernov

856
2
8
26

in this case "tn" exactly placed in last. thanks any way – Srikanth Naidu Oct 05 '15 at 09:28

score 1 · Accepted Answer · answered Oct 05 '15 at 09:22

You can try this..

var imgs=document.getElementsByClassName("listpic"); 


for(var i=0;i< imgs.length;i++) 
{
var str=imgs[i].src;
var find='tn.';
var re=new RegExp(find,'g');
str=str.replace(re, '.');
var a = $("<a>").attr("href", str).attr("download", imgs[i].alt).appendTo("body");
a[0].click();
a.remove();  }

How to get src of original image instread of thumbnail in jquery

3 Answers3