javascript - 如何从 HTML 标签中提取 base64 文本值

Question

我的 HTML 代码看起来像这样:

<p>gfgrgfgf</p><ul><li>fgfgfgf</li></ul><p><br></p><p><img src="data:image/jpeg;base64,/9j/4AAQS...">

每个 img src= 值都是一个 base64 格式的图像。此 HTML block 包含多个这样的 img src=s。

我如何提取它们的所有值(base64 字符串)，同时当然忽略其他 HTML 标签？

Answer 1

使用DOMParser解析您的 js 字符串，并 map 图像数组以获取它们的 src :

const str = `<p>gfgrgfgf</p><ul><li>fgfgfgf</li></ul><p><br></p><p><img src="data:image/jpeg;base64,/9j/4AAQS...">`;

const html = new DOMParser().parseFromString(str, "text/html");

const result = [...html.images].map(e => e.src);

console.log(result);