JavaScript 删除 HTML 标签属性、样式,并转换图片链接为 Base64 格式
你可以使用正则表达式和 JavaScript 来删除字符串标签的所有属性样式,并删除 font 标签和 span 标签。然后,你可以使用 JavaScript 将 img 标签的 src 链接转换为 base64 格式。//n//n下面是一个示例代码://n//njavascript//n// 删除字符串标签的所有属性样式//nfunction removeAttributesStyles(str) {//n return str.replace(/<[^>]+>/g, function(match) {//n return match.replace(/(/S+=['/'][^'/']+['/']//s*|//S+=//S+//s*|//s*style//s*=['/'][^'/']+['/']//s*|//s*style//s*=//S+//s*|class=['/'][^'/']+['/']//s*|//s*class=//S+//s*)/ig, '');//n });//n}//n//n// 删除 font 标签和 span 标签//nfunction removeFontAndSpanTags(str) {//n return str.replace(/<///?(font|span)[^>]*>/ig, '');//n}//n//n// 将 img 标签的 src 链接转换为 base64 格式//nfunction convertImgSrcToBase64(str) {//n return str.replace(/<img[^>]+src=['/']([^'/']+)['/'][^>]*>/ig, function(match, src) {//n var xhr = new XMLHttpRequest();//n xhr.open('GET', src, false);//n xhr.send();//n if (xhr.status === 200) {//n var base64 = btoa(xhr.responseText);//n return '<img src=/'data:image;base64,' + base64 + '/'>';//n }//n return match;//n });//n}//n//n// 示例用法//nvar htmlString = '<div style=/'color: red;/'><font size=/'5/'>Hello</font> <span style=/'font-weight: bold;/'>World</span> <img src=/'https://example.com/image.jpg/'></div>';//n//nvar removedAttributesStyles = removeAttributesStyles(htmlString);//nvar removedFontAndSpanTags = removeFontAndSpanTags(removedAttributesStyles);//nvar convertedImgSrcToBase64 = convertImgSrcToBase64(removedFontAndSpanTags);//n//nconsole.log(convertedImgSrcToBase64);//n//n//n在上面的示例中,我们首先使用removeAttributesStyles函数删除字符串中标签的所有属性样式。然后,使用removeFontAndSpanTags函数删除 font 标签和 span 标签。最后,使用convertImgSrcToBase64函数将 img 标签的 src 链接转换为 base64 格式。//n//n请注意,上面的代码中使用了 XMLHttpRequest 来获取图片的内容并转换为 base64 格式。这可能会导致跨域问题。如果你需要处理跨域图片,你可能需要使用其他方法来获取图片内容并转换为 base64 格式。
原文地址: https://www.cveoy.top/t/topic/pZxf 著作权归作者所有。请勿转载和采集!