微信小程序使用wxparse 商品详情图法,无法显示

Posted 多啦C梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序使用wxparse 商品详情图法,无法显示相关的知识,希望对你有一定的参考价值。

微信小程序使用wxparse,有一个问题,就是我们在网页后台编辑器里面的图片如果上传的时候采用了相对路径,在wxparse里就不能正常显示,但是,如果在编辑器里直接上传成绝对的网络地址路径之后,如果万一以后换域名了。也是个问题。所以最好的方式就是让wxparse在使用的时候,自动添加域名前缀就可以了。

所以需要改动这个文件:html2json.js 

这个文件的这段代码的imgurl,前面加一个你的域名,这样在你使用的时候,就会自动添加上域名了。

亲测,可以用。

 

 

//对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);  
          }  

 

以上是关于微信小程序使用wxparse 商品详情图法,无法显示的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序商城开发-商品详情轮播(图片,视频混合)

微信小程序编辑器转码

微信小程序使用wxParse实现接入富文本编辑

微信小程序如何解析HTML富文本(使用wxParse解析富文本的demo)

微信小程序富文本-wxParse的使用

微信小程序拍卖商品详情页设计与交互实现(包含倒计时实时更新出价)