为什么微信小程序里的图片在电脑上显示在手机上不显示？

最新推荐文章于 2023-12-21 10:17:37 发布

威士忌荡出の忧伤

最新推荐文章于 2023-12-21 10:17:37 发布

阅读量6.6k

点赞数 2

文章标签：小程序

本文链接：https://blog.csdn.net/qq_16503045/article/details/80081850

版权

电脑上显示图片，但手机上是空白的

电脑上显示图片，手机上也显示图片

由此可见，微信小程序中，图片名不能出现中文，图片路径不能出现中文。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

威士忌荡出の忧伤

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序：背景图片电脑开发时可以显示，手机测试时无法显示

Dove言和

06-11

3790

背景图片在编辑器中可以展示，但是手机预览时无法显示。原因：小程序背景图片只可以展示base64或者网络地址图片，背景图片如果使用本地路径地址，电脑开发时可以正常显示，手机测试时无法显示背景图。解决方法：使用"wx.getFileSystemManager().readFileSync(file_address,encoding)"进行转码（感谢地址的博主：https://blog.csdn...

微信小程序——如何解决本地图片不显示的问题

gzmhxsn的博客

05-20

5523

解决微信小程序本地图片不显示的问题这篇记录的是小涂踩的小程序的一个坑：本地图片真机显示不出来！问题发现开发小程序过程中，模拟器上显示一些本地的图标照片（.jpg \ .png …）模拟器上可以清楚的显示出来，像这样：但是，一到真机上（而且似乎尤其是安卓机上）：别人的苹果可以显示。这个bug我也是服！我查官方文档，发现很多人也提过这个问题，但是官方没有给出结果，只是说可能图片不符合规范，会加载失败。但是，小涂怎么会放弃呢？解决方案我们可以将图片上传到一些上传图片的网站，我用的是随意云

1 条评论您还未登录，请先登录后发表或查看评论

小程序本地图片在编辑器上能显示，在手机上不显示？

热门推荐

玛卡`三少的博客

08-07

2万+

进行小程序开发的时候，突然发现一个如此诡异的问题：小程序本地图片在编辑器上能显示，在手机上不显示？带着这个问题可能和大家解决问的步骤一样，先惊讶一番、然后去网上找各种帖子，发现绝大部分帖子压根没有说到正点上，纯属一顿乱猜，没有去根据现象思考为什么不能在手机上显示，有的还相互抄袭、、、我实在看不下去了，所以就写了今天这篇帖子！文中我大致来分析了一下原因是什么？纯属个人见解，如有不对之处，欢迎各位大佬来喷！

微信小程序电脑的微信开发者工具能显示，但是在安卓手机上面就不显示

qq_46506007的博客

05-04

1816

微信小程序电脑的微信开发者工具能显示，但是在安卓手机上面就不显示，解决方法：清理缓存，重新编译，在手机上面就能使用了。

微信小程序云开发---踩坑关于微信小程序图片资源不显示

qq_42880033的博客

04-02

1566

微信小程序云开发—踩坑关于微信小程序图片资源不显示前些日子开发微信小程序发现有个别引入的图片资源不显示具体情况是在左侧调试器预览效果正常显示的,但是使用手机扫码浏览时图片位置空白. 最终在微信开发者甲流平台找到答案解决:将所有资源名称改成英文字母或者数字,如果名称含有中文会显示失败推荐开发微信相关的小伙伴遇到问题可以逛下交流平台,在上面提问也会很快有热心的技术大佬回答,简直是菜鸟的天堂微信开放社区 ...

微信小程序 保存图片在手机上失败总结

qq_38337245的博客

12-11

3850

原因：图片应该是https请求头的，emmmmm

微信小程序项目遇见问题一：图片调试器显示，真机不显示

PBitW的博客

09-15

5386

一、图片名命用了中文，或者路径有中文二、写的是相对路劲而不是根路径三、其它

投屏微信小程序源码(完整发出)

09-25

投屏微信小程序源码是一个基于微信开发者工具的小程序项目，主要功能是实现手机屏幕内容的无线投屏到其他设备上，如智能电视或电脑。这个完整的源码包名为"mini-push-master"，意味着它是一个主分支的开源项目，通常...

微信小程序 swiper 组件遇到的问题及解决方法

01-03

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的...

002-微信小程序-3C手机商城小程序.zip

最新发布

06-10

【微信小程序3C手机商城开发详解】 微信小程序作为移动端轻应用的一种形式，为开发者提供了无需安装、触手可及的便利。在这个项目中，“002-微信小程序-3C手机商城小程序.zip”是一个完整的3C电子产品销售平台的源...

微信小程序无法显示网络图片，但是浏览器能够正常打开该图片

傻不傻的专栏

11-02

6569

微信小程序无法显示网络图片，但是浏览器能够正常打开该图片。

今天突然发现，微信小程序手机访问正常，PC端访问小程序图片无法加载？

ts小陈的博客

08-22

1435

原来是防盗链的问题，但是微信的servicewechat.com已经设置了，为何pc端不能访问了。将http://servicewechat.com添加到防盗链。然后查看pc端Referer为http://居然不带s。然后使用抓包工具抓包，pc端图片全部403，结果为。手机访问正常，PC端访问小程序图片无法加载？所有图片在pc上查看都无法显示。

微信小程序使用网络图片开发者工具正常显示，手机端显示不出来

qq_48612020的博客

12-21

1141

解决：绑定binderror事件，当发生此事件时重新给图片赋值，微信小程序图片可能有缓存所以后面拼接时间戳。1.手机端可能会出现第一次进入不展示，但第二次进入或第n次展示或不展示。注：以下情况只是真机显示有问题（已添加合法域名等等）2.压缩图片缩小图片体积，使用webp格式图片。

微信小程序预览和真机调试都不可以正常使用：请打开手机调试，并保证电脑和手机同一个局域网

qq_32849999的博客

09-27

5605

请打开手机调试，并保证电脑和手机同一个局域网

微信小程序使用本地图片在真机预览不显示的问题解决

dmx1521856051的博客

02-14

7184

1、将绝对路径改成相对路径；2、图片URL不要使用中文；3、域名服务器需要备案；4、图片名称不要有空格；5、图片后缀改为小写。

小程序真机预览图片不显示

weixin_53802588的博客

08-29

511

工作

微信小程序，安卓手机无法预览服务端上传的图片，苹果手机正常，已尝试的安卓机器都无法预览

Re5urgam的博客

12-10

826

1、服务端上传提供的图片，已经尝试了2个，无论是png，jpg格式的都尝试了。2、前台微信小程序登录，点击入口，无法预览，一直loading。备注：小米mix3，oppoA7x，华为荣耀等。

关于webp图片在微信小程序不显示问题，webp格式转成jpg

qq_32256907的博客

11-06

6500

一：背景在做一个小程序项目的时候，采集了微信公众号的图片到小程序显示，发现安卓的可以显示，ios显示不了。后来发现是因为图片格式是webp导致苹果在macOS Sierra及iOS 10的早期beta版本中加入了WebP支持。而在2016年9月7日发布的iOS 10和macOS Sierra GM种子版本中却移除了WebP的支持。二:解决办法现在就是需要在采集的时候，把webp格式...

bug日记

qq_45691752的博客

06-15

1201

map组件marker 上的自定义气泡 customCallout真机不显示，首次渲染时候不出现，再次点击才会显示，解决办法 <cover-view slot="callout"> <cover-view marker-id="0">{{content}}</cover-view> <cover-view></cover-view> </cover-view.........

微信小程序为什么在text标签里面放图片不显示

05-26

微信小程序中text标签是用来显示文本内容的，并不支持直接在text标签中显示图片。如果想要在小程序中显示图片，可以使用image标签或者rich-text标签来实现。使用image标签可以在小程序中显示图片，示例代码如下： ``` <image src="图片链接"></image> ``` 使用rich-text标签可以将一段富文本内容渲染出来，其中可以包含图片、文字等，示例代码如下： ``` <rich-text nodes="{{richText}}"></rich-text> ``` 需要注意的是，使用rich-text标签时需要将富文本内容转换成小程序支持的格式。