解决小程序图片在开发者工具能显示，测试时真机不显示问题

最近经管院的三个小伙伴邀请我参加绿创的创业项目，我负责给设计的产品写一个简单的微信小程序。发版后出现了一个奇怪的问题，页面的图片在开发者工具中明明是可以显示的，但到了真机测试时有的图片却不见了，检查过图片src路径，貌似也没写错呀，鉴于本人无神论者不可能撞见鬼了。于是开始去网上找各种博客、帖子。大致的解决方法是以下几种：

图片路径不能带有中文
图片名称去除空格
将图片前缀http改成https

附小程序加载图片的两种写法

1.加载本地的图片

<image src="/images/welfare/many_peoples.jpg"></image>

2.加载网络图片

<image src="https://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg"></image>

解决小程序图片在开发者工具能显示，测试时真机不显示问题相关推荐

小程序连接websocket 开发者工具上可以，但是真机上不行
连接websocket 开发者工具上可以,但是真机上不行一定要保证真机和websocket机器在同一个网段: 基础库 2.4.0 提供了 wx.startLocalServiceDiscovery ...
微信小程序分享到朋友圈-遇到的问题drawImage真机不显示网络图片
网上有现成的例子,所以直接拿来用了,见链接,接下来说下自己遇到的问题 -> 因为在我的项目中,我的图片是网络图片,canvas上绘制的目前只支持本地图片,那应该怎么办呢?不可能图 ...
【微信小程序】微信开发者工具的使用
微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能.下面来介绍下自己的针对小程序和微信开发者工具的使用心得. 下载地址:开发者工具下载地址 1.下载并安装以后打 ...
微信小程序（微信开发者工具及工程创建、小程序配置、逻辑层、模块化）
一.阶段概述 1.课程安排课程市场:14+1 课程安排:微信小程序:5uniapp:5数据可视化:4答辩:1 2.项目展示小u商城数据可视化 3.阶段目标 1.培养学员能力独立完成小程序原生开发 ...
【微信小程序】微信开发者工具 app.json: [“subpackages“][0][“root“] 字段需为目录已解决
前言微信开发者工具 > 小程序分包的时候报错app.json: ["subpackages"][0]["root"] 字段需为目录解决解决办法很简 ...
从零开始编写一个微信小程序（微信开发者工具+JS+WuxUI组件库+云开发）万字整理，建议收藏！
微信小程序-魔镜笔记&源码(微信开发者工具+JS+UI组件库+云开发) 效果展示视频演示经历了一次升级之后,我的小程序怎么样了? 文章目录微信小程序-魔镜笔记&源码(微信开发 ...
微信小程序上传图片后开发者工具自动刷新问题
问题描述:通过wx.uploadFile上传图片后,小程序端还没来得及显示服务端返回已成功上传的文件信息,小程序开发者工具就自动刷新,不论你如何打断点,都不会停下来,导致无法保存上传的数据. 在网上找 ...
小程序-云开发-开发者工具 VS 云控制台
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文 | 川川 VX-ID:suibichuanji 文 ...
HTML我帮您打造微信小程序web可视化开发者工具
HTML我帮您WEBAPP在线可视化开发工具是一款在线可视化网站在线设计软件,无须专业知识,通过鼠标拖拽,所见即所得,快速完成手机网页设计和微信场景应用.HTML5轻应用设计:在线DIY产品宣传册.婚 ...

解决小程序图片在开发者工具能显示，测试时真机不显示问题

附小程序加载图片的两种写法

解决小程序图片在开发者工具能显示，测试时真机不显示问题相关推荐

最新文章

热门文章