如何解决将 JSON 作为图片添加到 HTML 文件中
我必须添加一个json文件，它是一个gif文件，作为HTML文件中的图片，这样它才能显示在页面上。
我试过了：
<img src="myFile.json"/>
但是好像不行。我在网上看了一下，特别是看看有没有 Lottie json 插入教程，但没有什么帮助。我也尝试将 json 转换为 gif，但文件太大，所以不是一个好主意。
任何帮助将不胜感激:)
解决方法
您可以在 html 正文中使用脚本标记来显示 gif。但是，您首先需要修改 json 文件，以便将其读取为 javascript。
像在 javascript 中一样将 json 数据分配给变量：
const gifData = {"a":"123","b":"456"}
然后在 html 正文中写入 script 标签，如下所示，将 src 值替换为您的本地路径：
<script type="text/javascript" src="./data.json"></script>
您正在尝试的是不可能的。无法使用 <img> 标签直接显示 Lottie 文件。
它们有一个特定的嵌入式网络播放器，您应该在显示这些动画时使用它。
在代码片段中，您可以看到使用嵌入式播放器播放的 json 动画。
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets9.lottiefiles.com/datafiles/MUp3wlMDGtoK5FK/data.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop controls autoplay></lottie-player>版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
