使用微信小程序云存储中的fileID渲染出错的解决-Toy模板网

这篇具有很好参考价值的文章主要介绍了使用微信小程序云存储中的fileID渲染出错的解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、错误截图

使用微信小程序云存储中的fileID渲染出错的解决

[渲染层网络层错误] Failed to load local image resource /pages/center/cloud://cloud1-1g0b42x731618183.636c-cloud1-1g0b42x731618183-1317112875/avatarUrl/%E5%A4%B4%E5%83%8F_2cc84e26640db55d04179fe54c4fb585_1678620824098.png
the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
(env: Windows,mp,1.06.2301160; lib: 2.14.1)

二、错误原因及其解决方案

导致这样的错误，有两个原因：

1、基础库的版本号过低

官方的资料中有说明，image组件的src从2.3.0 起开始支持云文件ID。

需要确认下使用的调试基础库的版本号，修改之后可以正常显示。

2、src传入错误

当src中路径中存在多余空格时，加载此ID时，会加载失败，而image会自动将其拼接"/~/pages/cloud://~"路径，认为其是项目图片。故而加载失败。

例如：<image class="image" src=" {{userInfo.avatarUrl || '/images/toux.jpg' }}"></image>

看着没法毛病，但仔细观察，会发现'src='的后面多了一个空格，正确书写为：

<image class="image" src="{{userInfo.avatarUrl || '/images/toux.jpg' }}"></image>

总结：

1、大多数情况下是src路径有问题，读者应该多细心检查一下src的书写情况。

2、也有可能是云存储中没有对应的信息，但这种情况很容易排查，不在赘述。

路漫漫其修远兮，吾将上下而求索。 ---屈原文章来源地址https://www.toymoban.com/news/detail-496738.html

到了这里，关于使用微信小程序云存储中的fileID渲染出错的解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！