微信云开发调用图片时报错：渲染层网络层错误 (HTTP/1.1 500 Internal Server Error)

最新推荐文章于 2023-07-19 10:00:12 发布
最新推荐文章于 2023-07-19 10:00:12 发布
阅读量2.4k 收藏 6
点赞数 2
分类专栏： 微信小程序 文章标签： 小程序 xss
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42132503/article/details/107895810
版权

这是本人在开发微信小程序云开发时踩到的坑，一开始的获取云端的图片是用以下方法，而且在一开始的阶段都可以正常显示的，最关键的是手机端可以正常显示，而在PC的模拟器中则显示不了
xwml中的内容
在这里插入图片描述
js中的内容
在这里插入图片描述
之后有次运行就出现了如下的报错：
在这里插入图片描述
并且在所示显示的页面图片也显示不出来了，关键什么也没改过，后来通过控制台的打印输出发现原始的图片路径只有一半了，，，
在这里插入图片描述
因此就发现了问题所在，补全完整的url地址就可，通过查询云存储中的图片的路径然后在js中定义一个值再由wxml中调用，解决方案如下图：
wxml中修改
在这里插入图片描述
js中修改
在这里插入图片描述
到这里我的问题就解决了，也不报错了，也可以正常显示了。。。
在这里插入图片描述

weixin_42132503
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序报错：this.setData is not a function的解决办法
08-29
微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，导致无法正确地设置数据。在这篇文章中，我们将详细介绍该错误的...
微信小程序报错: thirdScriptError的错误问题
10-15
主要介绍了微信小程序报错: thirdScriptError,本文给大家分享解决方法，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
[渲染层网络层错误] Failed to load local image resource /components/UpImg/[object%20Object]
刘鑫磊
03-12 1万+
1.问题代码 <view class="up_img_wrap"> <image src="{{src}}"></image> <icon type="clear" size="23" color="red"> </icon> </view> 2.出现的问题 当点击上传图片，就会显示“渲染层网络层错误” 3.问题分析 [渲染层网络层错误] Failed to load loc...
微信小程序渲染图片报错：[渲染层网络层错误] Failed to load local image resource
热门推荐
toHero的博客
08-29 6万+
其实出现这个报错多数原因是因为渲染的图片路径错误所导致的。
[渲染层网络层错误] Failed to load local image resource
qq_42444795的博客
09-25 2万+
正如标题所言，是使用vue进行小程序端数据渲染的时候出现 代码出现的地方是 原因可能是网页刚开始渲染html节点的时候，遇到js，但是异步请求需要时间，而小程序一进入页面就开始加载，请求速度没跟上，导致image标签中的url属性为空。 解决办法：使用计算属性进行url计算。 这样就解决了渲染层网络层错误的问题。 ...
小程序运行报错：[渲染层网络层错误] Failed to load local image resource ... the server responded with a status of 500
m0_67392931的博客
03-06 3037
小程序运行报错：[渲染层网络层错误] Failed to load local image resource /pages/message/[object%20Object] the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error) 在数组中取出图片存放路径报的错 查看 ***微信开发者工具***中的AppData发现 错误地方： <image v-for="(item, index) in imgA
解决微信小程序报错：[渲染层网络层错误] Failed to load local image resource
Xpy 的博客
07-15 1万+
一、场景 写了一个图片点击、全屏展示的组件。 页面图片 => 点击 => 打开全屏遮罩层显示大图片。 // 1控制元素展示的变量 data:{ photoShow:false, } // 2图片点击函数 onClick(){ const { url=null } = e.currentTarget.dataset; if(url) this.setData({ photoShow: url }) } // 3 图片html <
关于微信小程序的支付开发：40013错误
03-29
微信小程序支付终于踩完坑了，发现里面坑挺大的，现在发个贴，希望以后入坑的同学可以看一下 ：  https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=2  业务流程在这里大家看文档的时候...
微信小程序开发（一）：服务器获取数据列表渲染操作示例
10-15
主要介绍了微信小程序开发服务器获取数据列表渲染操作,结合实例形式分析了微信小程序后台获取服务器数据及前台列表渲染相关操作实现技巧,需要的朋友可以参考下
微信小程序云开发如何使用云函数生成二维码
10-16
在微信小程序的开发中，云开发（Tencent Cloud Base，简称TCB）提供了一种便捷的方式来托管业务逻辑，包括处理数据、实现特定功能等。在本教程中，我们将重点讨论如何利用云函数来生成二维码。二维码是一种广泛使用...
[渲染层网络层错误] Failed to load local image resource /pages/mine/photo the server responded with a statu
Faint35799的博客
01-20 3162
在做uniapp小程序时添加头像显示渲染层网络层错误，头像无法显示 ，代码如下 <view class="border-inner"> <image src="photo" mode="widthFix" class="photo"></image> </view> 因为这里使用的vue属性绑定，但是书写大意使得:src 变成src，导致属性绑定变成直接链接照片地址，因此代码默认这里photo就是图片路径，显然是不对的，所以显示错误状态码500，进行修改
用 wx.chooseMessageFile来渲染图片出现报错[渲染层网络层错误] Failed to load local image resource /pages/image/[object%2
m0_73588858的博客
04-13 1752
这个错误可能是由于代码中将选择的图片临时文件对象直接添加到imgList数组中，导致渲染层无法正确加载图片资源。建议在添加图片前先将临时文件对象的路径提取出来再添加到数组中，注意，路径的顺序需要与imgList数组中图片对象的顺序一致，否则图片显示顺序将出错。
解决图片渲染报错[渲染层网络层错误] Failed to load local image resourcethe server responded with a status of 500 (HTT
weixin_58387292的博客
11-10 6671
[渲染层网络层错误] Failed to load local image resource the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error) (env: Windows,mp,1.05.2108150; lib: 2.17.0)
处理：uniapp开发微信小程序 [渲染层网络层错误] Failed to load local image resource /pages/index/undefined
最新发布
灵台方寸山斜月三星洞
07-19 9777
/ 初始化时空字符串，就不会去请求。// 初始化时空字符串，就不会去请求。测试中直接给图片地址（常量）正常，换成变量就出问题。打开我的页面，动态获取用户信息后，渲染头像及边框。我想实一个头像和相框的动态组合的效果。最根本就是没有初始给默认值。根本用不上，直接去掉了。// 初始化加载用户信息。// 初始化加载用户信息。
小程序运行报错：[渲染层网络层错误] Failed to load local image /presource 的解决方案
欢愉码农的博客
07-13 1万+
一般而言，出现这种问题是因为使用vue进行小程序端数据渲染的时候出现了问题。会出现以下报错： 问题代码：出现的形式： 我当时是在点击上传的时候每次都报这个错误，所以就一直在思考哪里出了问题。找过另一些CSDN上大神的回答，有些说是因为网络加载跟不上，导致出现渲染异步。我跟着改了图片的数组问题，就是加上了“.path”，但任然报错。你从上面报错可以看出"Failed to load local resource /image/receiveLoading.png" 应该是你本地图片的路径出了问题（绝大多数情
微信小程序出现“[渲染层网络层错误] Failed to load local image resource”解决方法
weixin_63660316的博客
01-10 7861
解决微信小程序前段开发图片渲染报错问题
微信小程序 报错“ the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)”
qq_41440031的博客
02-14 1万+
微信小程序 报错“ the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)” （1）常规报错 这个真是太乌龙了，我可真是太傻了，我可以很明确的说这个报错就是指 路径不对 ！ 去检查不要自信回头 （2）我这个有点搞笑 我百分之百确定我的路径是正确的，可就是一直有报错，...
初学微信小程序遇到问题1：渲染层网络层错误（the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error）
qq_45274161的博客
06-22 3330
报错原因：图片路径错误 写相对路径时，要注意"…/“来表示上一级目录，”…/…/“表示上上级的目录，所需要的图片文件在上上级目录，需要将图片路径修改为”…/…/images/1.png" 修改后正常运行，图片正常显示，遇到这类问题需要严格检查路径是否出错，一般都是路径问题。 附：绝对路径与相对路径的区别：https://blog.csdn.net/chudelong1/article/details/90697409 ...
小程序 获取cloud文件 报500错误问题
qq_18342353的博客
03-15 633
问题背景 想在小程序中获取云平台中的图片和视频。 错误表现 无论采用直接src="cloud://***"的方式、前端或者云函数中getTempFileUrl的方式还是downloaFile方式都一直报500错误。 表现如图 后来仔细检查发现问题出在文件命名上。 解决方法 由于采用了时间命名的方式，导致文件名出现了冒号。域名命名规则除了端口的::外是不允许存在冒号的。将冒号换成下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值