how to extract src from image in javascript while img tag is coming in js object

Question

we have data coming from another application(DB) like below image file has been stored like

@1="< img width=498 height=425 src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ...">"

var data = @1 DownloadCode();

i want to download file image file. I am newbie in JS.

Not too sure ! do you want a physical image? As I can see you have base64 encoded image. So if you want the physical image you need to decode it. — MMRahman
– MMRahman, Commented Sep 5, 2017 at 11:05
i tried this code. i need src of image in js variable ........var m, urls = [], str = '<img width=498 height=425 src="data:image/jpeg;base64,/9j/4AAQSkZJRgA...">', rex = /<img[^>]+src="?([^"\s]+)"?\s*\/>/g; while ( m = rex.exec( str ) ) { urls.push( m[1] ); } console.log( urls ); — Rahul Patel
– Rahul Patel, Commented Sep 5, 2017 at 11:05
The code looks good. and putting everything into an array. you just need to take it from an array ... If you are not using multiple Images avoid array and put into variable — MMRahman
– MMRahman, Commented Sep 5, 2017 at 11:11
my string is like str = '<img width=498 height=425 src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD//gAcU29mdHdhcmU6IE1p......hl//2Q">' this reg ex is not working for me. img tag is not closed properly. i think. It is able to render correct. — Rahul Patel
– Rahul Patel, Commented Sep 5, 2017 at 11:19

MMRahman · Accepted Answer · 2017-09-05 11:16:58Z

1

Here how you should do it

var str = '<img width=498 height=425 src="data:image/jpeg;base64,/9j/4AAQSkZJRgA...">';

var regex = /<img.*?src="(.*?)"/;
var src = regex.exec(str)[1];

console.log(src);

answered Sep 5, 2017 at 11:16

MMRahman

3195 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

how to extract src from image in javascript while img tag is coming in js object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related