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

评论中有粉丝问，编辑器里面既有网络图片，也有本地图片，这个怎么办？当时提供了一个思路就是判断一下node.attr.src中是否含有http，如果有就不加前缀，没有就加上前缀。

这几天用的时候，自己真就遇到了这个问题，所以就更新下。

用以下代码来判断就可以了。确定思路正确。没有问题。

      //对img添加额外数据if (node.tag === 'img') {node.imgIndex = results.images.length;var ifhttp=node.attr.src.indexOf("http");if(ifhttp==0){var imgUrl = node.attr.src;}if(ifhttp==-1){var imgUrl = "你的域名，注意带不带/"+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，显示图片的相对路径问题相关推荐

微信小程序地图上显示图片，显示定位标记
地图是我们平时经常用到的组件,而且地图是显示在最高层的原生组件.任何组件都不能遮挡住map的显示,只有特殊的如cover-image等可以显示在地图的上层. <map id="map& ...
【修复日常bug】微信小程序cover-image不显示图片
我们先来看看cover-image标签的用法,微信官方api解释: 属性:src 说明:图标路径,支持临时路径.网络地址(1.6.0起支持).云文件ID(2.2.3起支持).暂不支持base64格式. ...
微信小程序使用wxParse，解决图片显示路径问题
微信小程序使用wxParse,解决图片显示路径问题参考文章: (1)微信小程序使用wxParse,解决图片显示路径问题 (2)https://www.cnblogs.com/zxf100/p/100 ...
微信小程序拍照视频上传php,微信小程序-拍照或选择图片并上传文件
微信小程序-拍照或选择图片并上传文件调用拍照API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html?t=201612 ...
微信小程序使用wxparse插件，渲染文章不换行问题
微信小程序使用wxParse插件渲染富文本内容,不换行显示,影响阅读,我的解决方法:在wxParse.wxss中加上如下样式:(在我的小程序里面是有效的) view{/* word-break:bre ...
[微信小程序]聊天对话(文本,图片)的功能(完整代码附效果图)
相关文章: 1.小程序聊天群,发送语音,文字,图片. 2.微信小程序集成腾讯IM,实现实时音视频通话,1V1聊天 3.云开发微信小程序聊天群 4.接入网易云信IM即时通讯的微信小程序聊天室 5.微信小 ...
微信小程序系列——点击图片放大预览
需求开发的时候,把图片放到页面上,点击图片没有任何反应,不能放大也不能缩小这怎么能行!!! 所以需求来了:点击图片能够把图片弹出来,这样就能放大图片看细节了! 实现步骤微信提供了预览图片的接口, ...
【微信小程序】将base64图片保存至本地
需求描述微信小程序中,下载一个报告文件,直接可获取到的是报告图片的base64格式. 参考文章 1.微信小程序实现图片下载功能 2.微信小程序把base64的图片保存到手机相册代码实现 1.wxm ...
wxparse的使用php返回数组输出,微信小程序中WxParse循环解析返回的富文本数据
WxParse循环解析一.遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...

微信小程序使用wxparse，显示图片的相对路径问题

微信小程序使用wxparse，显示图片的相对路径问题相关推荐

最新文章

热门文章