微信小程序图片不显示，模拟器可以显示解决

最新推荐文章于 2024-04-17 10:29:11 发布
最新推荐文章于 2024-04-17 10:29:11 发布
阅读量2.9k 收藏 3
点赞数 1
文章标签： 小程序 小程序图片 图片不显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HAPPYDAY048/article/details/82189871
版权

微信小程序开发时开发工具自带的模拟器可以正常显示，但是手机上面体验版查看居然没有图片，

经过查阅资料发现如下文档导致图片不显示：

1.本地图片是用image加载的：src="../../../images/ic_header.jpg"  这样不能显示，应改为：https://........jpg

2.图片的url里面有中文

3.图片的HTTP应为小写的http以及图片的后缀为小写的.png或者.jpg

4.域名未备案

xishui长流
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序本地图片在开发工具显示手机预览不显示
小朱小朱绝不认输的博客
08-05 1万+
微信小程序在设置背景图片时，使用本地路径，手机预览无法显示。 即： <view class="content" style="background-image:url('../static/11.png')"> background-image 只能用网络url或者base64 . 本地图片要用image标签才行。 1.直接使用image标签 <image class='userBg' src='../../../images/my_bg.jpg'></image>
微信小程序点击图片预览真机无法显示的问题
皮皮的博客
08-27 1603
问题： 用开发者工具开发编辑时，点击图片预览，一直显示黑屏加载转圈中… 如图所示： 实际效果图： 话不多说，直接上代码 1、html代码： <view class="img-box"> <view class="imgs" wx:for="{{imgList}}" wx:key='id'> <image src="{{item.imgurl}}" bindtap="clickImg" data-url="{{item.imgurl}}" /&gt
微信小程序：微信零钱模拟器微信小程序源码下载查收充电器自动充钱
06-13
这是一款模拟器小程序 特点就是只要你插上充电器然后里面的数值就会自动往上涨 也就是相当于是零钱充值的一个模拟器 小编个人感觉还是挺好玩的 安装方法: 使用微信开发者工具打开源码 然后上传提交审核就可以了 PS:无需设置合法域名
微信小程序使用网络图片开发者工具正常显示，手机端显示不出来
qq_48612020的博客
12-21 846
解决：绑定binderror事件，当发生此事件时重新给图片赋值，微信小程序图片可能有缓存所以后面拼接时间戳。1.手机端可能会出现第一次进入不展示，但第二次进入或第n次展示或不展示。注：以下情况只是真机显示有问题（已添加合法域名等等）2.压缩图片缩小图片体积，使用webp格式图片。
uni-app 如何使用模拟器
最新发布
我们好像在哪见过
04-17 1146
Uni-App 是一个基于 Vue.js 的跨平台应用开发框架，它允许开发者编写一次代码，然后通过编译打包，将应用程序部署到包括iOS、Android、Web、以及各大小程序平台等多个终端。
小程序本地图片在编辑器上能显示，在手机上不显示？
热门推荐
玛卡`三少 的博客
08-07 2万+
进行小程序开发的时候，突然发现一个如此诡异的问题：小程序本地图片在编辑器上能显示，在手机上不显示？带着这个问题可能和大家解决问的步骤一样，先惊讶一番、然后去网上找各种帖子，发现绝大部分帖子压根没有说到正点上，纯属一顿乱猜，没有去根据现象思考为什么不能在手机上显示，有的还相互抄袭、、、我实在看不下去了，所以就写了今天这篇帖子！文中我大致来分析了一下原因是什么？纯属个人见解，如有不对之处，欢迎各位大佬来喷！
微信小程序模拟器可以显示本地图片，真机预览无法显示
Mu_Soul的博客
11-19 1371
1.图片后缀小写改成大写 2.不要使用汉字作为图片名称
微信小程序使用本地图片在真机预览不显示的问题解决
dmx1521856051的博客
02-14 6763
1、将绝对路径改成相对路径；2、图片URL不要使用中文；3、域名服务器需要备案；4、图片名称不要有空格；5、图片后缀改为小写。
小程序上线发布后图片不显示
zwh2487577416的博客
03-15 3890
小程序上线发布后图片不显示的解决办法
解决微信小程序真机 showToast 不显示
03-29
花了一周多，终于把公司小程序做出来了。真机上测试发现调用 showToast 不显示，或者闪一下就没了。经过查找，发现是与 wx.showLoading 冲突了，两者调用的是同个框。 先放上我的错误代码：   // 请求事件 ...
微信小程序：自适应来电模拟器
06-02
模拟一个来电电话,可以正常接通,挂断等 让你假装有事,迅速离场,避免尴尬等等! 比如使用场景: 相亲的时候遇到奇葩,想找接口离开. 场价party想脱身的时候 或者恶搞,遇到坏人等等各种场景都可以使用,或许还能帮您...
微信用户信息发送模拟器（微信开发调试工具）
08-03
IDE2013，.NET framework4.图省事的话直接用压缩包里的exe就行了。里面是源代码 网上流传着一个“微信开发调试小工具”，谁做都不知道了。反正我觉得那个东西看起来挺不爽的，因为其信息发送类型不是很全面，于是我就把它反编译过来自己重写一个了。 我复用了它原本项目的一个类和几个方法 。与原版相比，功能改进如下： 1涵盖了迄今为止所有的信息类型和事件类型（具体的参见微信官方文档里面的接收信息节点）; 2对于所有参数都有相关的提示信息 3参数的所属范围除了少数外都用groupbox圈了起来，更加直观地看到了各类信息之间共有的参数节点 4用webbrowser显示时会下载响应的XML结果并显示（注意要返回text/xml才能正确显示，这个其实有点像是个bug，因为我不知道URL怎么弄所以偷懒直接用IO保存结果了）。这个显示结果比较友好。
微信小程序：自适应来电模拟器微信小程序源码
06-02
模拟一个来电电话,可以正常接通,挂断等 让你假装有事,迅速离场,避免尴尬等等! 比如使用场景: 相亲的时候遇到奇葩,想找接口离开. 场价party想脱身的时候 或者恶搞,遇到坏人等等各种场景都可以使用,或许还能帮您...
微信小程序：人生重开模拟器
07-09
这是一款人生重开模拟器微信小程序源码 让你的人生开启不一样的变化 不知道各位玩家有没有被最近超火的一款名为《人生重开模拟器》小游戏刷屏呢？想必不少玩家玩过了各种各样的模拟器，有的可以模拟医生，有的可以...
微信小程序中的图片在开发者工具中、能正常显示，在真机体验的时候不能正常显示
weixin_43990624的博客
07-12 8331
1、先确定路径是否正确、图片名称中没有空格、url中没有中文 2、如果路径正确尝试这样修改 3、还可以把图片上传到服务器(http/https小写) 4、图片的后缀使用小写 .png/.jpg 5、使用base64的格式 ...
微信小程序真机调试时手机上看不见图片
约妲己吃火锅的博客
01-30 8546
微信小程序真机调试时手机上看不见图片 在学了一段时间微信小程序之后，我开始做一个练习，发现在开发者工具上能狗正常显示图片，可是真机调试时无法正常显示图片，检查了代码也没有错，也没有报错！就到网上查了一下最后还是解决了。 我遇见的问题是这样的：图片使用为背景图片 <view class="head-bg" style="background: url(/image/bg-city.png) c...
微信小程序请求接口返回的二维码(图片)，本地工具和真机测试都能显示，上线之后不显示问题
努力变好
08-30 1832
这样写的话好像本地和真机调试是可以出来的，但到体验版和正式版上就是空白了，经过测试，把转成base64后的地址中的换行清除一下就可以了；:show-menu-by-longpress="true" 是长按图片保存。base64Code 是转为base64的地址。BASE_URL 是拼接接口地址的。
微信小程序在模拟器可以显示，手机扫编译二维码显示不了 解决办法
m0_51094219的博客
03-25 1636
本地服务器，真机显示小程序
微信开发者工具模拟器中图片无法显示
hj3350631373的博客
06-06 4814
微信小程序开发时预览的图片无法显示
微信开发小程序图片在模拟器显示不出来
07-25
微信开发小程序中，图片在模拟器中无法显示的原因可能有几种。首先，可能是路径的问题。在小程序中，图片的路径需要正确设置才能正常显示。你可以检查一下图片的路径是否正确，尤其是斜杠的使用。通常情况下，按下斜杠"/"会自动跳出可选路径选择补全。例如，使用<image src="/static/images/icon_3/free.png"></image>来引用图片时，路径应该是相对于根目录的。\[3\] 另外，如果你在安卓模拟器中无法显示图片，可能是因为路径返回的是一个流，需要进行处理并转换成base64格式才能正常显示。而在PC端和iOS端，可能已经内部做了处理，所以能够显示出来。\[1\] 如果以上方法都没有解决问题，你可以尝试打开英特尔显卡控制面板，依次打开显示器-一般设置-高级-量化范围-全范围，并应用保存。这可能会解决鼠标带轨迹体验不好的问题。\[2\] #### 引用[.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/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] - *3* [微信小程序图片显示不出来的解决方案](https://blog.csdn.net/m0_56685900/article/details/120657201)[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 ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值