微信小程序路径正确但图片无法显示

最新推荐文章于 2024-04-03 22:41:59 发布
最新推荐文章于 2024-04-03 22:41:59 发布
阅读量1.5k 收藏
点赞数 1
文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alitacc/article/details/127275951
版权

在使用<image>标签引用本地图片时，模拟器上始终无法显示图片，但是确实出现了选中区域，通过修改wxss也能够改变区域的大小。

最先以为是地址的问题，但经检查后没有错误。

然后检查图片格式，但引用的是本地图片，也不存在base64或者webp的问题。

最后检查出问题：错将src写成了scr。

错误表达： <image scr="/images/dawn.png" mode="widthFix"></image>

正确表达 ：<image src="/images/dawn.png" mode="widthFix"></image>

Alitacc
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
新手前端微信小程序img图片无法显示问题
weixin_37342647的博客
02-28 2万+
最近自己在做毕设，是一个微信小程序，虽然自己有一点前端开发经验，以为小程序前端和这个差不多可以直接开撸，但是这两天被一些图片问题烦了好久。 这也是自己第一次写博客，实在太生气了，网上也没找到自己想要的结果，所以写下来记录下来，顺便让和我一样错误的人知道咋解决，笑cry，虽然真的很低级的错误。 以下是遇到的问题。 1：在开发者工具可以显示图片，手机预览，真机调试却看不到。 2：在最开始的ipho...
微信小程序使用image组件时图片不显示的一个解决方法
qq_55790899的博客
10-31 8276
图片链接可正常访问，但是使用组件时，图片不显示
uniapp微信小程序真机图片不显示
最新发布
Yui_NIE的博客
04-03 986
不同设备可能出现部分设备显示不了图片，解决办法：图片地址直接使用，不要拼接：url=http。
微信小程序中image无法显示
qq_39131699的博客
03-07 1091
在小程序中image不能放在text里面，改成view就好
微信小程序图片显示不出来的解决方案
热门推荐
m0_56685900的博客
10-08 3万+
调试上没有什么问题，真机ios调试也没有什么问题，但是发布体验版后，在Android上图片却不见了，显示不出来。开始以为是兼容性的问题，最后才发现其实事情并没有这么难解决。 ** 以下是可能出现的问题 ** 1、注意在微信小程序中的图片标签是<image>不是<img>标签 2、也许是路径有问题 一般情况下按下斜杠/会自动跳出可选路径选择补全就好了 如： <image src="/static/images/icon_3/free.png"></image&
小程序image组件不显示图片？
Dark_programmer的博客
06-22 1888
小程序image组件不显示图片？
uniapp开发微信小程序中关于navigator下image组件无法显示问题
weixin_60537353的博客
12-26 1228
navigator子组件image图片无法显示问题
微信小程序tabbar不显示解决办法
08-30
微信小程序tabbar不显示解决办法 ...结语：微信小程序tabbar不显示的问题是很常见的，但解决起来却很简单。只要我们正确地配置tabbar，并且确保"pages"配置项配置正确，那么tabbar将会正常地显示。
微信小程序使用 vant Dialog组件的正确方式
10-15
总的来说，正确使用 Vant Dialog 组件可以极大地提高微信小程序的开发效率和用户体验。结合 Vue.js 的灵活性和 Vant 的组件化设计，开发者能够快速构建功能丰富、界面美观的移动应用。通过本文的介绍，相信你已经...
微信小程序图片加载失败时替换为默认图片的方法
10-15
在微信小程序开发中，图片加载失败是一个常见的问题，可能由于网络不稳定、图片资源不存在或格式不正确等原因导致。为了提供良好的用户体验，当图片加载失败时，通常会将默认图片显示出来，以代替无法正常显示的图片...
微信小程序如何实现全局重新加载
10-16
考虑到微信小程序的分包机制，URL的定义需要是全局的，即以`/pages/serverError/serverError`的形式，确保在主包和分包中都能正确跳转。避免使用`wx.redirectTo`和`wx.reLaunch`，因为它们可能会导致复杂的跳转路径...
微信小程序 image组件遇到的问题
12-11
远程图片 在真机上测试时 image组件只能显示http请求的图片， 对https 与 //xxx.xxx.xx 之类的不能显示。 可显示 ‘http://huoche.7234.cn/images/jb51/nzbajgrnrdq.jpg’, “http://huoche.7234.cn/images/jb51/j121wpovksd.jpg”, “http://huoche.7234.cn/images/jb51/vvfo3xh2oyb.jpg”, “http://huoche.7234.cn/images/jb51/inmtrat5mnq.jpg” 不能显示 ‘http://huoche
微信小程序 解决swiper不显示图片的方法
01-03
微信小程序 解决swiper不显示图片的方法 1.我说的swiper不显示图片是只有一个swiper的框，但不显示设置好的图片。 第一个要确定的是图片路径设置的正不正确，确定路径没有设置错，还有一个可能的原因就是，放swiper...
微信小程序-image加载图片工具中显示，真机中不显示
私信可回答各种问题~
04-24 3566
微信小程序-image加载图片工具中显示，真机中不显示
【微信小程序】image真机无法加载网络图片
ybb_ymm的专栏
03-17 2208
由于最近路边的停车位都被无情的创收铲掉了！今天把车停在了路边，可能是挡住了行人的路，被贴了个条，还留了个纸条——没有你的随车电话，我只能点电话举报你了。气的我牙痒痒！只能回来自己撸一个挪车电话小工具！这样通过扫描二维码拨打电话，也可以避免你的电话直接暴露！
微信小程序 image bindload 事件不触发，图片加载不出来
LlanyW的专栏
01-19 949
前端加载图片url的时候，在后面加一串随机数，这样小程序每次都会认为是新图片，不会从缓存中读取了。这个方法简单，就是会浪费一些性能和流量。其原因就在于，小程序的优化机制，多次加载同一张图片，往往会从缓存中读取，而不是从网络下载，这就导致 bindload 事件不会触发了。图片加载不出来，我图片加载是通过bindload事件不判断是否下载完成再显示。但是现在bindload不触发，一直显示加载层。当小程序图片页面反复跳转时，或者微信打开小程序页面之后，处于后台运行。
小程序本地图片偶尔加载不出来_微信活动小程序性能优化实践
weixin_39583623的博客
12-04 702
作者：louiszhai，腾讯增值服务项目管理员工背景为了满足日益复杂的小程序活动需求，腾讯增值服务项目组开发了一款Ulink活动小程序，该小程序以游戏社交圈为依托，提供游戏玩家基本的社交功能，如发帖、评论、点赞、分享等。为了支持这些功能，进行了一系列的性能优化改进。Ulink活动小程序共有5个tab，分别提供关注人的feeds信息、所有用户的精品分享，图文发布入口、消息及个人页，如下所...
解决小程序引入背景图片不显示的四种方法
xiamoziqian的博客
12-19 5588
小程序在css样式文件里面直接 background-image引入本地背景图是不生效的 .header{ width:100%; height:420rpx; background-image: url("/static/image/bg.jpg"); background-size: 100%; background-color: red; } 三种解决办法：...
小程序图片加载失败binderror方法处理
文龙刚的博客
12-12 2114
小程序图片加载失败binderror方法处理
uni-app微信小程序背景图片无法显示
07-27
uni-app微信小程序背景图片无法显示的问题可能有多种原因。其中一种可能是图片路径不正确或图片文件不存在。请确保你在代码中正确设置了背景图片的路径，并且确认该路径下存在对应的图片文件。另外，还需要注意图片文件的格式是否被支持，以及是否有权限访问该图片文件。如果问题仍然存在，你可以尝试清除缓存或重新上传图片来解决该问题。 #### 引用[.reference_title] - *1* [uni-app微信小程序上传图片封装](https://blog.csdn.net/weixin_45947191/article/details/128023970)[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* *3* [【uni-app微信小程序】实现支付功能](https://blog.csdn.net/weixin_55846296/article/details/130822408)[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 ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值