微信小程序使用wxParse展示文档，使用相对路径

微信小程序富文本图片路径处理

最新推荐文章于 2024-09-13 21:32:39 发布

原创最新推荐文章于 2024-09-13 21:32:39 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序同时被 2 个专栏收录

22 篇文章

订阅专栏

Ueditor

9 篇文章

订阅专栏

本文探讨了微信小程序中使用wxParse加载富文本时，遇到的图片显示问题。主要讨论了相对路径与绝对路径的选择，并提供了一段代码示例，用于解决相对路径下图片无法正常显示的问题。

微信小程序使用wxParse来加载富文本。到此这里有一个情况。富文本编辑器不同得到的图片，视频什么的也不同。错了。是使用相对路径还是绝对路径的问题。

使用绝对路径。基本上就是绝对地址。这个后期来说不太好变更。

使用相对路径。在wxParse中直接打不来图片或者是视频。那么，我们就i需要修改一下路径，使之添加一个前缀。代码如下：

  //对img添加额外数据
            if (node.tag === 'img') {
                node.imgIndex = results.images.length;
                var imgUrl = “http://www.baidu.com(这块换成你的域名地址前缀就可以了)”+node.attr.src;
                if (imgUrl[0] == '') {
                    imgUrl.splice(0, 1);
                }
                imgUrl = wxDiscode.urlToHttpUrl(imgUrl, __placeImgeUrlHttps);
                node.attr.src = imgUrl;
                node.from = bindName;
                results.images.push(node);
                results.imageUrls.push(imgUrl);
            }

搜索注释，找到这行。修改成你自己的地址就行了。