微信小程序加载图片报错

已于 2022-11-09 20:02:04 修改
阅读量2.2k 收藏 1
点赞数 1
分类专栏： 微信小程序 文章标签： 小程序
于 2020-06-04 11:26:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36509946/article/details/106542742
版权

刚开始学习小程序，对很多东西还不是很熟悉，页面写了个图片，加载不出来，一直报错：

VM436:1 Failed to load local image resource /pages/images/1.jpg the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)

找了一下解决的办法，差不多都是说加个wx:if就好了

<image wx:if='{{news.poster}}' src="{{news.poster}}"></image>

差不多是这个意思，但是我加了之后并没有什么用，然后自己查了一下代码找了一下问题是图片路径写错了，具体如图

笑到世界都狼狈
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【微信小程序】image真机无法加载网络图片
ybb_ymm的专栏
03-17 2203
由于最近路边的停车位都被无情的创收铲掉了！今天把车停在了路边，可能是挡住了行人的路，被贴了个条，还留了个纸条——没有你的随车电话，我只能点电话举报你了。气的我牙痒痒！只能回来自己撸一个挪车电话小工具！这样通过扫描二维码拨打电话，也可以避免你的电话直接暴露！
微信小程序图片加载失败时替换为默认图片的方法
10-15
主要介绍了微信小程序图片加载失败时替换为默认图片的方法,本文分情况通过实例代码给大家讲解，需要的朋友可以参考下
微信小程序图片加载失败时加载默认图片的处理方法
九日的博客
05-13 1246
微信小程序图片加载失败时加载默认图片的处理方法 问题: 微信小程序中img标签不支持onerror事件，但是我希望当img加载图片失败的时候有一个加载默认图片的效果。 解决： 可以使用@error <view v-for="(v, i) in searchArr" :key="i"> <view class="left"> <img :src="v.img" alt="" @error="imageError($event, i, sear.
Failed to load local image resource the server responded with a status of 500
最新发布
xiejunna的博客
03-12 1152
Failed to load local image resource the server responded with a status of 500
解决浏览器同源策略导致的getImageData错误
莫冲的专栏
10-27 1212
在本机测试HTML5 Canvas程序的时候，如果用context.drawImage()后再用context.getImageData()获取图片像素数据的时候会抛出错：SECURITY_ERR: DOM Exception 18。这是Javascript同源策略（Same origin policy）造成的。目前发现这个问题在Firefox和Chrome中均存在。 解决办法如下： Fi...
微信小程序如何实现全局重新加载
12-11
前端做一个服务器报错页，这样产品在小程序后台能看到这个页面的PV,UV 技术方案 因为业务庞大，所以我们不可能区在每个页面加上重新加载的逻辑。所以初步考虑使用全局重新加载。 需要解决的问题都有哪些？ 首先...
微信小程序富文本解析
01-27
微信小程序更新会慢于组件更新，主要在于微信小程序的审核时间。更新状态请以更新日志为准。 待修复问题 更新日志 2019-07-18 a标签默认的复制链接改为上浮linkClick事件，使用1.0.10版本请注意监听链接点击事件,此...
微信小程序require 引用 BASE64.JS 失败问题的分析解决
03-29
有朋友问, 微信小程序require ('base64.js')文件时，会失败,,, # 分析 事实上，微信小程序require很多JS模块都有不兼容现象。。。先从base64.js这个模块入手吧。 调试出错点: ~~~~ (function(global) {  'use ...
微信小程序 加载 app-service.js 错误解决方法
10-21
主要介绍了微信小程序 加载 app-service.js 错误详解的相关资料,在开发微信小程序过程中出现了app-services.js的错误，并解决此问题，需要的朋友可以参考下
JS对img标签进行优化使用onerror显示默认图像
10-26
主要介绍了JS对img标签进行优化使用onerror显示默认图像,需要的朋友可以参考下
微信小程序学习总结（五）常见问题实例小结
10-15
在微信小程序开发过程中，开发者经常会遇到各种问题，本篇文章总结了几个常见的问题及解决方法，旨在帮助初学者更好地理解和应对这些问题。 首先，我们来看第一个问题，关于JSON文件的配置错误。当你创建一个新的...
python opencv 保存图片错误_python – opencv getImage()错误
weixin_32821813的博客
01-14 316
我今天用simplecvpython接口包装了opencv.通过官方SimpleCV Cookbook后,我成功地获得了Load, Save和Manipulate图像.因此,我知道库正在正确加载.但是,在Using a Camera, Kinect, or Virtual Camera标题下,我没有成功运行一些命令.特别是,mycam = Camera()工作,但img = mycam.getIm...
Failed to load local image resource/images/1.jpg无法加载本地图片资源
qq_43437571的博客
08-26 707
Failed to load local image resource/images/1.jpg无法加载本地图片资源
微信小程序在苹果手机上生成高像素海报失败白屏
古德的博客
12-21 340
微信小程序，海报
img图片请求失败后的处理
weixin_44849078的博客
05-13 3799
视频与图片（video与img）请求失败后的处理1、onerror 事件监听2、onerror弊端的解决，优化写法3、背景图片 前端使用video与img标签时，有时候会遇到加载失败的情况，造成失败的原因有很多，网络问题、路径错误、资源已被删除等，img会显示一个裂图，video则没有任何提示，因此从用户体验上来说，需要进行处理，常用的是用准备好的一张图片来提示用户图片或者视频加载失败。 不做任何...
解决: [渲染层网络层错误] Failed to load local image resource
热门推荐
Trsunny_的博客
11-24 7万+
如图进行小程序开发时出现渲染层网络层的错误, 最初看各位大佬们的解决错误, 还以为也是出了异步同步的问题, 但是排查之后发现不是, 后来看源码突然发现!! 竟然是路径错误...... 如下图所示, 每个路径在引用的时候, 编辑器会自动补全, 而我也因为编辑器的自动补全功能忽略了图片的后缀名, 每个图片应当改为"star.png" , 自己手动补全之后就迎刃而解啦!如下图 ...
ASP.NET中用HttpPostedFile.SaveAs(FileName)方法上传文件，文件大小限制
人生何适不艰难 赖是胸中万斛宽
05-31 2777
在web.config中加入
＜img＞图片url获取失败时通过onerror显示默认图片
weixin_42077503的博客
09-06 1666
第一种方法： <img :src="data.imagePath" :onerror="errorImage" /> 在data中： errorCarImg:` this.src="${errorCarImg}"; this.style="width:56px; height:56px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); this.onerror=null;"...
微信小程序渲染图片报错：[渲染层网络层错误] Failed to load local image resource
06-11
这个问题通常是由于小程序无法正确加载图片资源所导致的。你可以尝试以下几个解决方法： 1. 确保图片路径正确：检查图片路径是否正确，包括文件名、文件夹路径等。 2. 检查图片格式：小程序支持的图片格式为jpg、jpeg、png、gif、webp等。如果你使用了其他格式的图片，可能会出现加载失败的问题。 3. 检查图片大小：小程序对于单张图片的大小限制为 2 MB，如果你的图片大小超过了这个限制，也会出现加载失败的问题。 4. 检查网络连接：如果你使用的是远程图片资源，需要确保网络连接正常，能够正常访问图片资源。 如果以上方法都不能解决问题，你可以尝试重新上传图片资源或者尝试使用其他图片资源进行测试。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值