首页 > 原创文章 > 技术应用 > 查看文章

微信小程序发布后图片不显示怎么解决?

所属分类:技术应用 来源: 丁老师原创 更新时间:2026-01-31 10:50 浏览: 985 IP属地: 深圳
微信小程序开发

有同学咨询,开发的微信小程序,在本地调试时可以显示图片,但提交发布到正式版后,小程序的图片不显示,是怎么回事呢?丁老师给你解答。

问题原因分析
其实这种情况很普遍,引起这种原因的大多数情况是小程序图片不是使用的本地图片,而是调用的外部链接,比如CDN图床、远程url链接的图片等。在本地开发时,本地不会验证远程图片的网址,而在提交发布上线后,线上的正式版是会对小程序访问的远程url进行校验的,远程网址需要在微信小程序的白名单中才可以访问。

还有一种情况是已经在微信小程序的白名单中添加了网址,但还是不能访问,这种情况可能是网址没有安装SSL证书,即不是https开头的网址链接。微信小程序要求请求的所有网址url必须是https开头的链接才可以。

问题解决方法
1.检查远程访问的链接url,是否安装了SSL证书,是否是以https开头,如果不是,则需要安装SSL证书。SSL证书需要购买才可以安装,点击访问购买链接
2.在微信小程序中添加访问url的域名白名单。可以访问微信开发者平台,然后在业务域名中设置远程链接的域名。

image.png

意见和建议
1.微信小程序开发,在涉及图片显示时,最好使用远程图片,尽量不要使用本地图片,本地图片随小程序一起加载,会拖延导致小程序的启动速度变慢。另外微信小程序对包的体积容量有上限,大量的图片容易导致超出体积无法发布。
2.图片访问推荐使用CDN缓存、远程图片地址访问,不占用小程序自身的包空间,不影响小程序加载速度。
3.小程序本身的图片建议使用webp格式的图片,文件小,加载速度快,图片质量高。
4.微信小程序开发公司,可以选择丁老师软件,专属技术团队,签署正规合同,开发完成后付款,7x24小时在线服务。

相关文章

短信链接调起APP和小程序的方法

有同学在群里咨询,想通过短信精准营销,实现用户收到短信后,点击打开短信链接就自动调起微信小程序或APP,请问丁老师这个可以实现吗?该如何实现呢?今天丁老师对这个问题进行解答。短信链接打开微信小程序和APP的原理通过群发短信,然后用户点击...

Dify AI完全搭建方法(For Linu...

Dify 是一个 类似“智能制作工具”,是一个可以实现低代码的AI助手。让你可以不用写复杂代码,也能快速做出自己的AI集成或智能应用。并且自带知识库体系,可以上传知识文档,根据自己的行业和业务,训练自己的垂直大模型,制作出生产及的AI应...

Linux开发常用命令

常用命令:#查看linux内核 uname -r cat /proc/version#查看linux版本详细信息 hostnamectl #列出所有文件 ls -a #列出带有拥有者的文件 ls -l #移动文件 mv 源文件或目录 新...

微信聊天对话中如何使用口令链接打开小程序

有同学咨询,在平时使用微信交流时,有人发送的文字就可以打开微信小程序,这种是什么原理,如果自己也有小程序,该如何实现呢?今天丁老师就这个问题进行一下介绍。微信口令链接其实别人发送的这段文字,是叫做微信口令链接,即发送特定的关键词代码,是...

推荐文章

制作抖音小程序所需要的资料以及费用是多少?

开发抖音小程序所需资料及费用概览随着短视频平台抖音(TikTok)在全球范围内的迅速崛起,越来越多的企业和个人开始意识到在抖音平台上开发小程序的重要性。抖音小程序不仅可以增强品牌曝光率,还能为用户提供更加便捷的服务体验。那么问题来了,开发一...

国产信创项目操作系统要求用什么?web中间件...

从事技术开发的同学都知道,不管是做网站也好,开发各种业务系统也好,目前大多数企业部署的web环境是-操作系统:Linux,数据库:Mysql/MariaDB/PostgreSQL/MongoDB,Web容器:Nginx/Tomcat/Apa...

Wordpress如何开启错误调试,查看错误...

在使用wordpress的过程中,有的时候部分页面打不开,或是程序不能正常使用,也没有显示具体的错误信息,这个时候该怎么办呢?首先是查看错误日志,可以查看wordpress本身的错误日志,以及php的错误日志。这时有朋友提问了,wordpr...

使用photoshop编辑文字时,弹出的文字...

今天有同学在群里提问,在使用photoshop编辑文字时,经常会弹出一个文字选择的面板如图:这时文字也无法输入,也无法取消和关闭,很是烦人,怎么取消这个功能呢?经过丁老师研究,方法很简单:1.打开photoshop菜单-编辑2.选择首选项-...