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

这篇具有很好参考价值的文章主要介绍了微信小程序使用本地图片在真机预览不显示的问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

开发工具上本地图片可以显示,但是在真机上预览的时候不能显示

通常我们代码路径是代码是这样写的

<view class="logo">
          <image src="../../img/e8591fd7b1043bd3b4eb07d86243b5b.png" class="login-image" ></image>
</view>

最后发现路径这样写在真机预览上无法显示

解决办法

  1. 路径需要相对于根目录来写

<view class="logo">
          <image src="/img/e8591fd7b1043bd3b4eb07d86243b5b.png" class="login-image" ></image>
</view>
  1. 路径直接使用网络图片地址写

<view class="logo">
          <image src="https://s3.bmp.ovh/imgs/2021/11/97b53956451470ab34.png" class="login-image" ></image>
</view>

这样就可以解决真机预览图片不显示问题了。

如果路径没有问题,图片真机预览还是无法显示,就需要检查一些以下几点:

1.图片是用image加载的;

2.图片的url里面没有中文;

3.图片的HTTP应为小写的http以及图片的后缀为小写的.png或者.jpg(建议全部为png)

4.域名已备案;

5.图片名称没有空格文章来源地址https://www.toymoban.com/news/detail-503742.html

到了这里,关于微信小程序使用本地图片在真机预览不显示的问题解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序请求接口返回的二维码(图片),本地工具和真机测试都能显示,上线之后不显示问题

     请求后端接口返回的图片:   页面展示:  代码实现: :show-menu-by-longpress=\\\"true\\\" 是长按保存图片 base64Code 是转为base64的地址  BASE_URL 是拼接接口地址的  这样写的话好像本地和真机调试是可以出来的,但到体验版和正式版上就是空白了,经过测试,把转成base64后的地址中的

    2024年02月10日
    浏览(51)
  • 微信小程序手机预览(真机调试)请求不到数据

    这里分两个方面: (1)对微信api获取不到数据的解决方法:例如对授权 | 微信开放文档 中的getlocation(获取定位)来说, 我们需要在app.json加上这以下代码即可 (2) 对非微信api获取不到数据的解决方法: 例如墨迹天气api:https://autodev.openspeech.cn/csp/api/v2.1/weather 那么我们需要前往微信公众

    2024年02月16日
    浏览(45)
  • 【微信小程序|Debug】解决微信小程序真机预览无法访问PC端localhost:8080端口问题

    Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~   自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计算机专业,有幸拿过一些国奖、省奖…已保研。 学习经验:扎实基础 + 多做笔记 +

    2024年02月09日
    浏览(46)
  • uniapp(微信小程序/支付宝小程序) - 最新解决canavs绘制海报、二维码图片等不显示问题,在uniapp小程序开发中使用canavs制作base64图片在真机运行时空白不显示(详细解决方法)

    在uniapp微信小程序 | uniapp支付宝小程序中,详解canavs技术绘制图像后在真实手机上运行不显示的问题,解决uniapp安卓苹果ios运行小程序后二维码/海报无法加载和展示,完美解决兼容问题、图片太大画不出来、加载失败等。支持保存到相册中或长按保存。 很多教程都无效,本

    2024年04月25日
    浏览(50)
  • 微信小程序真机预览报错“errno“:600001,“errMsg“:“request:fail -202

    本地模拟测试无问题,上真机测试就报错“errno“:600001,“errMsg“:“request:fail -202 官方回答 通过 https://myssl.com/ 检测证书状态,该网站有缓存,如果有更换过证书记得手动点刷新报告 如果是证书链不完整,参照指引 https://blog.myssl.com/faq-miss-ca-certificate/ 解决即可 第二点觉得有

    2024年02月11日
    浏览(53)
  • (保姆级解决方案)微信小程序【真机预览】无法向服务器发送请求(实测有效)

    问题描述:微信小程序“打开调试模式可以发出请求,关闭调试模式无法发出请求” 1 获取uni-cloud官网提供的request合法域名  这个获取request合法域名是针对使用uni-cloud云开发的小程序。如果使用其它合法域名,同样可以按照下面的方法解决问题。  uni-app官网  2 在微信小程

    2024年02月05日
    浏览(60)
  • 【微信小程序】image真机无法加载网络图片

    目录 背景 为什么微信小程序  技术思路 前端页面 吐槽 最终解决 今天把车停在了路边,可能是挡住了行人的路,被贴了个条,还留了个纸条——没有你的随车电话,我只能点电话举报你了。气的我牙痒痒! 只能回来自己撸一个挪车电话小工具!这样通过扫描二维码拨打电话

    2024年02月09日
    浏览(86)
  • 微信小程序-图片预览图

    有时候图片列表图片过小看不清图片内容,这时我们一般就希望点击图片可以放大显示进行预览,那么,接下来我们就调用微信原生API的的浏览图片程序进行对图片预览的实现。 通过微信原生API实现单张图片的浏览 wxml代码 添加对应js的点击事件,调用预览图片的API,实现图

    2024年02月08日
    浏览(63)
  • 微信小程序真机不显示图片【三个解决方案】

    今天网友在开发小程序中遇见一个很奇怪的问题,就是编辑器编译后可以正常显示项目图片,但是当真机预览时却不显示图片。针对这个问题经过对比、尝试算是找到了问题的原因。下面将最近真机不显示的情况进行一下汇总: 1.本地图片文件名称中包含中文: 像上面图片,

    2024年02月12日
    浏览(101)
  • 【微信小程序】不支持使用本地图片设置背景图片解决方法

    在小程序样式文件中,如果设置背景图片的路径用的是本地的,就会报错并且显示不出来;如果在wxml文件中使用图片的本地路径作为背景图,则微信开发者工具中可以显示出来,但是运行到手机上显示不出来,解决方法如下: 方法一: 使用网络图片 方法二: 在线搜索图片

    2024年02月11日
    浏览(83)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包