【无标题】

图片来自微信公众平台未经许可不可引用|解决经验分享

第一步： 在页面head中添加

一般这个方式基本可以解决问题了 ，如果还不能显示就往下看

第二步:

看看图片链接里面的标签是否有 crossorigin=“anonymous” 把他去掉！！

或者是有类似的标签，可以一个个把多余的标签删掉试试!!!

// 假设richText是包含富文本内容的变量
const richText = ‘

< img style=“max-width:100%;height:auto;display:block;margin:0 auto;margin-bottom:20px;” class=“rich_pages wxw-img js_insertlocalimg” src=“https://mmbiz.qpic.cn/mmbiz_png/XlVdwrLafrKVjCVPHtPx2Q4LdOwNjptNzAOlGoKIV1ncBpjL44a4a9dq57gyYRkDSJH8c6u56veCZBH83lianvA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1” alt=“图片” crossorigin=“anonymous” data-backh=“910” data-backw=“578” data-ratio=“1.575” data-s=“300,640” data-src=“https://mmbiz.qpic.cn/mmbiz_png/XlVdwrLafrKVjCVPHtPx2Q4LdOwNjptNzAOlGoKIV1ncBpjL44a4a9dq57gyYRkDSJH8c6u56veCZBH83lianvA/640?wx_fmt=png” data-type=“png” data-w=“640” data-index=“1” data-fail=“0”>

’;

// 将字符串转换为 DOM 元素
const parser = new DOMParser();
const doc = parser.parseFromString(richText, ‘text/html’);

// 获取所有的img标签
const imgTags = doc.querySelectorAll(‘img’);

// 遍历img标签，移除crossorigin属性
imgTags.forEach((img) => {
img.removeAttribute(‘crossorigin’);
});

// 获取更新后的富文本内容
const updatedRichText = doc.body.innerHTML;

// 现在，updatedRichText 就是移除 crossorigin 属性的富文本内容
console.log(updatedRichText);