uniapp截取string类型里的img标签

UniApp 是一款基于 Vue.js 的跨平台 UI 组件库和框架，用于快速构建原生应用。如果你想在处理字符串（尤其是HTML内容）中提取 img 标签并将其显示或保存，你可以使用 UniApp 内置的一些方法。这里提供一个简单的示例：

// 假设你有一个包含 HTML 的字符串 str
let htmlStr = '<div><img src="your-image-url.jpg" alt="image"></div>';

// 使用 UniApp 的组件 `uni-parse-html` 或者自定义的方法解析 HTML
const parser = new DOMParser();
let domTree = parser.parseFromString(htmlStr, 'text/html');

// 获取 img 标签
let imgElements = domTree.getElementsByTagName('img');
for (let i = 0; i < imgElements.length; i++) {
    let imgElement = imgElements[i];
    
    // 可以获取 src 属性的 URL
    let imageUrl = imgElement.src;
    // 或者将 img 元素转换为 Blob 对象以便下载或展示
    let imgBlob = await this.convertImgToBlob(imgElement.src);
    // ...其他处理代码
}

// 自定义方法：转换 img 地址为 Blob
async function convertImgToBlob(url) {
    return await fetch(url)
        .then(response => response.blob());
}

相关问题：
1. 如何在 UniApp 中动态创建节点来替换 img 标签？
2. 如果需要对 img 标签进行懒加载，应该如何处理？
3. 如何避免直接访问网络图片导致的安全风险？