微信小程序图片显示不出来的解决方案

调试上没有什么问题,真机ios调试也没有什么问题,但是发布体验版后,在Android上图片却不见了,显示不出来。开始以为是兼容性的问题,最后才发现其实事情并没有这么难解决。

**

以下是可能出现的问题

**
1、注意在微信小程序中的图片标签是<image>不是<img>标签

2、也许是路径有问题 一般情况下按下斜杠/会自动跳出可选路径选择补全就好了
如:

   <image src="/static/images/icon_3/free.png"></image>
  			 /父目录/同级目录/根目录

3、需要设置宽和高,(其实不设置也行有默认值,但是出了问题的话可以尝试设置设置)

4、图片命名应该使用英文来命名 其实中文命名也没有错但是有时候可行有时候又不管用了 建议英文命名
(我上述的问题就是用了中文命名出现的)

5.再来就是图片后缀问题
".PNG” “.png"区分大小写

据我所知微信小程序标签支持jpg、jpge、gif、png以及位图bmp图片格式

以上就是我遇到过并解决的问题

个人觉得微信小程序出现的bug总是这么出其不意

  • 20
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
微信开发小程序模拟器中图片无法显示的问题可能有多种原因。根据引用内容,有以下几个可能的原因和解决方案: 1. 在安卓设备上,拼接的路径返回的是一个流,需要将其转换成base64格式才能正常显示。而在PC和iOS设备上可能内部已经做了处理,所以可以显示出来。因此,你可以尝试在安卓设备上对返回的流进行处理,将其转换成base64格式后再进行显示。\[1\] 2. 如果你在本地服务器上使用了localhost作为路径,而在手机上无法显示图片,可能是因为手机无法访问本地服务器。你可以将localhost替换为你的本机IP地址,确保手机和电脑连接在同一个WiFi网络下,这样手机才能访问到本地服务器上的图片。\[2\] 3. 另外,如果你在微信开发者工具中使用了英特尔显卡,可能会遇到图片无法显示的问题。你可以尝试打开英特尔显卡控制面板,依次进入显示器设置,将量化范围设置为全范围,然后保存应用。这样可能可以解决图片显示问题。\[3\] 综上所述,你可以尝试根据以上的解决方案来解决微信开发小程序模拟器中图片无法显示的问题。 #### 引用[.reference_title] - *1* [微信小程序 图片显示不出来的问题 100%管用](https://blog.csdn.net/qq_61033782/article/details/125779838)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序在模拟器可以显示,手机扫编译二维码显示不了 解决办法](https://blog.csdn.net/m0_51094219/article/details/129773134)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [微信小程序开发工具模拟器不显示鼠标问题【推荐两方案】](https://blog.csdn.net/sdfjasad/article/details/124019401)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值