微信小程序 服务端返回富文本,图片无法显示

场景:

微信小程序开发中,需要从服务端拿取数据渲染到页面上,后台返回的富文本里,图片路径有时是没有带域名前缀的,导致图片无法正常显示。

解决方案:

在富文本返回时,用正则匹配,加上域名,图片就可以正常显示了。

this.data.urlPage 是域名'http://***

/south-new-city 是/south-new-city开头的匹配地址

图片是显示了,但样式溢出屏幕,使页面可以左右滑动,影响使用及美观性;同样可以用正则进行操作。

至此,就解决了小程序后台返回富文本,图片无法显示的问题了。

完整代码

javascript 复制代码
   let content ='<p><br></p><p><img src=\"/south-new-city/下载_1695626989061.png\"><img src=\"/south-new-city/下载 (1)_1695626992508.png\"></p>'
        content = content.replace(/src="[/]south-new-city/gi, `src="${urlConstant.baseFileUrl}/south-new-city`)
        content = content.replace(/\<img/gi, '<img style="width:100%;height:auto"')
        wxParse.wxParse('content', 'html', content, that);
相关推荐
double_eggm4 小时前
微信小程序6
微信小程序·小程序
AI行业应用研究16 小时前
破解活动统筹难题:会务小程序为活动组织提供全流程解决方案
小程序
万岳科技系统开发1 天前
直播电商APP搭建如何支持多门店与多主播模式
小程序·架构
戈伊1 天前
独立开发纪实:我如何用 Gemini CLI 和 Claude Code 打造一个“100% 含 AI 量”的小程序
微信小程序·ai编程
游戏开发爱好者81 天前
iOS应用性能监控:Pre-Main与Main函数耗时分析及Time Profiler使用教程
android·ios·小程序·https·uni-app·iphone·webview
StarChainTech1 天前
先享后付,正在悄悄改变电商的“信任游戏”
大数据·人工智能·游戏·微信小程序·小程序·软件需求
小羊Yveesss1 天前
门店小程序外卖配送搭建实战:配送对接、运费策略与多门店调度方案
小程序·apache
tianxiaxue11 天前
企业微信与小程序互联互通
小程序·企业微信
微擎应用2 天前
全渠道批发订货商城小程序管理系统
大数据·小程序
杰建云1672 天前
多商家入驻小程序平台怎么做
人工智能·小程序