微信小程序使用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);
          }  

原文地址:https://www.cnblogs.com/kaka666/p/9193300.html

时间: 2024-11-05 19:27:29

微信小程序使用wxparse 商品详情图法,无法显示的相关文章

微信小程序使用wxParse解析html

转:http://www.jianshu.com/p/3de027555e77 最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现.首先我们在github上下载wxParsehttps://github.com/icindy/wxParse 下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目目录下 下面是具体

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

简介 微信小程序中比如活动说明,简介这样的图文介绍说明页面,后台通常配置成富文本编辑框,由后台直接输入内容,然后在小程序界面展现. 但是富文本编辑提取到内容是html格式的,写法与小程序的wxml并不一致,那么怎么样才能做到富文本能够在小程序页面中显示呢? 解决办法 有位大牛开发了一个模板叫作wxParse,可以直接引入小程序使用.下面把大牛的github地址贴上来: https://github.com/icindy/wxParse 想要了解更多的同学可以直接去他的github下查看说明文档.

如何使用微信小程序制作banner轮播图?

在前端工程师的工作中,banner是必不可少的,那缺少了DOM的小程序是如何实现banner图的呢?如同其他的框架封装了不同的banner图的方法,小程序也封装了banner的方法,来让我一一道来: 一:准备工作 我用两张图吧,如下所示: 1.jpg                                                                                       2.jpg 二:编写xsml代码(即html) 在这里我们要是用<swipe

【微信小程序】获取轮播图当前图片下标、滑动展示对应的位数、点击位数展示对应图片

业务需求: 3个图片轮番播放,可以左右滑动,点击指示点可以切换图片  index.wxml: 这里使用小程序提供的<swiper>组件autoplay:自动播放interval:自动切换时间duration:滑动动画的时长current:当前所在的页面bindchange:current 改变时会触发 change 事件由于<swiper>组件提供的指示点样式比较单一,另外再自定义指示点的样式 index.wxml : <scroll-view scroll-y="

微信小程序使用本地图片在真机不显示的问题

最近做的小程序,在真机测试发现有些本地图片在开发工具上可以显示,但是在真机上预览的时候不能显示 代码是这样写的 <view class='seat-size' wx:for="{{item}}" wx:key="index" wx:for-index="index" wx:for-item="citem"> <image src='../../../images/seaticon.png' class='se

微信小程序,预览在开发工具上显示正常,手机预览二维码报request-&gt;fail错误,打开手机的调试功能又正常。

这里错误很明显是属于网址错误,开发工具和手机调试都能走request->success: 唯独常规模式下无法显示. 最开始调试过很多方法,没找出原因.最后到小程序开发设置才发现,自己未配置服务器域名. 总结:开发工具和手机调试模式,在你开发时候点击了不校检域名的时候都是能够跳过小程序开发配置的服务器域名的. 原文地址:https://www.cnblogs.com/xzychoose/p/11684703.html

微信小程序解决存在图片太大而有效显示区域较小--阿里云oss产生缩略图

OSS是使用通过URL尾部的参数指定图片的缩放大小 图片路径后面拼接如下路径:     ?x-oss-process=image/[处理类型],x_100,y_50[宽高等参数] ?x-oss-process=image/resize,m_fill,h_高度,w_宽度,limit_0 //去除之前的参数,添加新的参数resp.list.map( item => { item.logo = item.logo.replace(/\?([0-9a-zA-Z/=_-]+)/g,'?x-oss-proc

微信小程序学习指南

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

微信小程序源码下载(200多个)

微信小程序源码下载汇总,点击标题进入对应的微信小程序下载页面. 最新 demo源码(点击标题进入帖子下载) 描述 1 微信小程序 会议室预定小程序 微信小程序 会议室预定小程序**** 本内容被作者隐藏 **** 2 微信小程序-双人五子棋小游戏 微信小程序-双人五子棋小游戏**** 本内容被作者隐藏 **** 3 打卡签到小程序 用微信小程序实现的一个简单的打卡签到的小程序拒绝 4 微信小程序---左滑删除 微信小程序---左滑删除**** 本内容被作者隐藏 **** 5 一个借钱的记事本的微