小程序wxParse不显示图片，图片链接错误不完整，解决方案！

之前因为配置wxParse不显示图片，
原因一：为图片链接不完整导致
解决方法就是找到wxParse文件夹中的html2json.js进行修改
源代码

//对img添加额外数据if (node.tag === 'img') {node.imgIndex = results.images.length;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);}

修改后的增加补全域名网址：

//对img添加额外数据if (node.tag === 'img') {node.imgIndex = results.images.length;var imgUrl = 'https://www.域名.cn'+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://img-blog.csdnimg.cn/6fb020ebade94d37bc3aefc10c046ea4.png

解决方法：找到wxParse文件夹中的html2json.js进行修改
修改前

function q(v) {return '"' + v + '"';
}
function removeDOCTYPE(html) {return html.replace(/<\?xml.*\?>\n/, '').replace(/<.*!doctype.*\>\n/, '').replace(/<.*!DOCTYPE.*\>\n/, '');
}function trimHtml(html) {return html.replace(/\r?\n+/g, '').replace(/<!--.*?-->/ig, '').replace(/\/\*.*?\*\//ig, '').replace(/[ ]+</ig, '<')
}

主要原因是wxParse代码过滤没有过滤完全，需要我们添加正则过滤代码过滤掉，自己需要过滤的转义字符

function q(v) {return '"' + v + '"';
}function removeDOCTYPE(html) {return html.replace(/<\?xml.*\?>\n/, '').replace(/<.*!doctype.*\>\n/, '').replace(/<.*!DOCTYPE.*\>\n/, '');
}function trimHtml(html) {return html.replace(/\r?\n+/g, '').replace(/<!--.*?-->/ig, '').replace(/\/\*.*?\*\//ig, '').replace(/[ ]+</ig, '<').replace(/\\\'/g, '')//过滤了转义字符\'.replace(/\\\"/g, '')//过滤了转义字符\"
}

至此

完整显示

小程序wxParse不显示图片，图片链接错误不完整，解决方案！相关推荐

微信小程序点播插件_微信小程序 wxParse插件显示视频问题
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)方法里 var node = { node: 'element', tag: tag, }; ...
微信小程序使用image组件时图片不显示的一个解决方法
第一次写博客: 图片链接可正常访问,但是使用组件时,图片不显示,偶然之间尝试到了一种解决方法,我使用的是微信小程序云端,读取本地图片时使用了具体的路径,错误用法如下如果按照指示\ 一级一级选下来,导 ...
小程序更换域名后发现图片显示不出来的问题解决方法
问题描述:小程序更换域名后发现图片显示不出来的问题解决方法试用范围:微信小程序基础库 1.0.1 及以上版本问题描述: 更换域名后发现图片显示不出来,同时微信公众平台配置了新域名,小程序中的ap ...
微信小程序：想要点击图片时进行一个放大的功能，写完之后可以正常显示，但点击时图片加载不出来，在此想问一下各路大神有没有解决办法
微信小程序:想要点击图片时进行一个放大的功能,写完之后可以正常显示,但点击时图片加载不出来,在此想问一下各路大神有没有解决办法 wxml: 在这里插入代码片 <view class='zhanp ...
imagepreview使用案例_微信小程序wx.previewImage预览图片实例详解
一.小知识二.例子 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left ...
微信小程序长按图片不出现菜单_微信小程序实现长按删除图片的示例
说明最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求: 长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法长 ...
在c 语言里如何制作滑动图片大小,[教程]教你在微信小程序中实现手势缩放图片...
在小程序中,image 组件的 mode 有 12 种,其中只有三种是缩放模式.而在这三种之中,只有 aspectFit 模式可以等比例缩放图片,并显示完整的图片.此模式是保证图片长边完整地显示出来, ...
微信小程序，动态改变背景图片
前言,作为开发新人,最近在学习微信小程序,期间遇到不少问题,对问题的解决的方法进行记录,以供学习之用. 关于微信小程序的背景图片问题, 1.微信小程序不能使用本地的图片设置背景图片,即 <vie ...
小程序上传文字和图片到服务器并保存在数据库
简单来说是先执行upload到后台,controller将图片保存到服务器后将图片路径通过json返回小程序,在upload sucess时setData存储路径.然后调用wx.request.下面, ...

小程序wxParse不显示图片，图片链接错误不完整，解决方案！

小程序wxParse不显示图片，图片链接错误不完整，解决方案！相关推荐

最新文章

热门文章