Regex: Trying to grab text inside quotes

Question

I have this string

<img class="img-thumbnail thumb" style="width:100px;height:100px;" src="data:image/png;base64,/9j/4AAQMCgsOCwkJDRENDgBAQjKv+I1atf2Q==" class="img-thumbnail thumb" style="width:100px;height:100px;"

and I just want to grab data:image/png;base64,/9j/4AAQMCgsOCwkJDRENDgBAQjKv+I1atf2Q==

I've tried multiple attempts on regexr. I'm a bit stuck and so far I have src="(.*)". I'm not sure how to get it to stop at that next quote.

https://regexr.com/53gio

Code Maniac · Answer 1 · 2020-04-28T18:27:25.347

4

You can use DOMParser api

let str = `<img class="img-thumbnail thumb" style="width:100px;height:100px;" src="data:image/png;base64,/9j/4AAQMCgsOCwkJDRENDgBAQjKv+I1atf2Q==" class="img-thumbnail thumb" style="width:100px;height:100px;" />`

let parser = new DOMParser()
let parsed = parser.parseFromString(str, "text/html");

[...parsed.getElementsByTagName('img')].forEach(v=>{
  console.log(v.src)
})

edited Apr 28 '20 at 18:27

answered Apr 28 '20 at 17:49

Code Maniac

37,143
5
39
60

score 1 · Answer 2 · answered Apr 28 '20 at 17:52

1

This works fine for me

src="([^"]*)"

answered Apr 28 '20 at 17:52

Henrik Albrechtsson

1,707
2
17
17

1

Thank you. This worked perfectly. – Matt Apr 28 '20 at 20:55

score 1 · Answer 3 · answered Apr 28 '20 at 17:53

1

Use the lazy (?) qualifier to grab as few characters as possible and then end on the quote.

src="(.*?)"

answered Apr 28 '20 at 17:53

Taylor Burke

424
4
15

Regex: Trying to grab text inside quotes

3 Answers3