js 提取内容字段里全部图片

function extractImagesUsingDOM(htmlContent) {
    const parser = new DOMParser();
    const doc = parser.parseFromString(htmlContent, 'text/html');
    const images = doc.querySelectorAll('img');
    return Array.from(images).map(img => img.src);
}

// 示例使用
const htmlContent = '<div><img src="image1.jpg"><p>Some text</p><img src="image2.png"></div>';
console.log(extractImagesUsingDOM(htmlContent)); // 输出: ["image1.jpg", "image2.png"]

function extractImagesUsingRegex(htmlContent) {
    const regex = /<img[^>]+src="([^">]+)"/g;
    let match;
    const images = [];
    while ((match = regex.exec(htmlContent)) !== null) {
        images.push(match[1]);
    }
    return images;
}

// 示例使用
const htmlContent = '<div><img src="image1.jpg"><p>Some text</p><img src="image2.png"></div>';
console.log(extractImagesUsingRegex(htmlContent)); // 输出: ["image1.jpg", "image2.png"]

import DOMPurify from 'dompurify';

function safeExtractImages(htmlContent) {
    const cleanHtml = DOMPurify.sanitize(htmlContent);
    const parser = new DOMParser();
    const doc = parser.parseFromString(cleanHtml, 'text/html');
    const images = doc.querySelectorAll('img');
    return Array.from(images).map(img => img.src);
}