从富文本(html字符串)中获取图片src

619 阅读1分钟

有时候需要从富文本里面提取图片的src单独传给后端,这里写一个示例供大家参考

var s = `<p><br></p><hr/><p><br></p>
<p style="line-height: 2;">这里显示用户发布的,内容这里显示用户发布的内容这里显示用户发布的内容这里。显示用户发布的内容这里显示用户发布的内容这里显示用户。发布的内容这里显示用户;发布的内容这里显示用户发布的内容这里显。示用户发布这里显示用户发布的内容这里显示用户发布的内容这里显。</p>
<p><img src="https://minicdn.sagabuy.com/def/8109b202210191057168106.jpg" alt=""></p>
<p><img src="https://minicdn.sagabuy.com/def/f26d7202210191057162851.jpg" alt=""></p>`;
function getObjectKeys(object) {
        var values = [];
        for (var property in object)
                values.push(object[property]);
        return values;
};
let imgArray = getObjectKeys(s.match(/<img[^>]+>/g));
const srcArray = imgArray.map(img => {
    const match = img.match(/src="([^"]+)"/);
    return match ? match[1] : null;
});
console.log(srcArray);