javascript - 需要找到字符串的出现并替换为另一个字符串

Question

我需要解析 html 字符串并用它的 base64 数据替换图像源。

例如:

输入html:

<p>This is some text</p>
<p><img src="sys_attachment.do?sys_id=e57ff4badb984300e330b04ffe9619ce" alt="" width="auto" height="auto" /> &nbsp;</p>

我需要从 src="sys_attachment.do?sys_id=e57ff4badb984300e330b04ffe9619ce" 中提取 sys_id 值，并将整个 src 替换为其 Base64 替代方案，以获得类似的内容:

<p>This is some text</p>
<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkEAAAIKCAY....." alt="" width="auto" height="auto" /> &nbsp;</p>

我尝试了这个，但它没有按预期工作

var htmlString = '<img src="sys_attachment.do?sys_id=e57ff4badb984300e330b04ffe9619ce"/>';

var res = htmlString.match(/^<img src="sys_attachment.do?sys_id=.*"$/g);

有什么想法可以解决这个问题吗？

Answer 1

获取src使用htmlString.match(/=.*/)[0].replace("=",''); .

使用 btoa 将其更改为 Base64 .

var htmlString = '<img src="sys_attachment.do?sys_id=e57ff4badb984300e330b04ffe9619ce"/>';
var sys_id = htmlString.match(/=.*/)[0].replace("=",'');
sys_id = btoa(sys_id);
htmlString = htmlString.replace(/src=\"[^"]*"/,'src="data:image/png;base64,'+sys_id+'"');
console.log(htmlString);