javascript - 正则表达式从字符串返回所有图像标签

Question

我已经为此努力了一段时间，但没有成功。希望有人拥有我一直在寻找的知识。

我有一个无法修改的字符串，我需要从中获取存储在数组中的所有标签。

the string looks like this :

    <p><strong>BLA BLA BLA</strong></p>

<p><strong>BLA BLA BLA</p>

<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ut mauris vulputate, pellentesque eros sit amet, consequat quam. Nam tempor ipsum ac ligula aliquam, vel dictum elit feugiat. Vivamus vehicula dolor quis ligula malesuada gravida. Curabitur suscipit ante ut sodales sodales. Donec mattis odio a sodales iaculis. Integer urna augue, convallis non euismod a, facilisis vel ex. Nulla sed sodales felis, ac semper odio. Maecenas malesuada justo ac porta faucibus. Aliquam tempor justo ut egestas bibendum.</em></p>
<img alt="lorem ipsum" data-caption="enter caption here" data-entity-type="file" data-entity-uuid="901b744e-a279-4271-9e96-f0836fed3e76" src="https://www.blablabla.com/image.png" />
<p>&nbsp;</p>
<img alt="lorem ipsum" data-caption="enter caption here" data-entity-type="file" data-entity-uuid="901b744e-a279-4271-9e96-f0836fed3e76" src="https://www.blablabla.com/image.png" />
<p>&nbsp;</p>

我尝试使用几个正则表达式，但它们无法返回所有图像标签，它们返回第一个或根本不返回。

.match('<img.*');
.match('<img\ssrc\s*=\s*"(.+?)\/>');

有人知道我能做什么吗？

谢谢。

Answer 1

您应该避免使用正则表达式来解析 HTML，但由于这是无法嵌套的 img 标签的情况，因此在此范围内只有您可以使用此正则表达式。从第 1 组中选择 url

<img.*?\s+src=['"]?(.*)['"]?.*?\/>

检查这里，

https://regex101.com/r/qAf16A/3