Webp 不显示在服务器上答案

【问题标题】：Webp dont show on serverWebp 不显示在服务器上
【发布时间】：2021-02-17 16:08:06
【问题描述】：

我有这样的图片：

<img src="img.webp" onerror="this.onerror=null; this.src='img.png'"/>

在本地文档中显示 webp 图像，但在服务器上不显示。文件夹和文档是一样的。

有人可以帮忙吗？我还没有在网上找到任何东西。

【问题讨论】：

会发生什么？这与 Javascript 或 CSS 有什么关系？
JavaScript 因为 onerror 函数。
请为您的问题添加所有说明。这也应该解释该代码应该做什么，以及它当前做什么
那些引号很强烈，如果你复制/粘贴我会尝试使用标准的quote characters，U+0022。一个好的文本编辑器或 IDE 可以提供帮助。
我还建议删除onerror属性并添加alt以协助调试初始加载失败。使用浏览器 devtools 网络选项卡查看您为图像获取的错误代码。

标签： javascript html image webp

【解决方案1】：

我发现了问题。我必须在根目录中创建一个文件名 web.config。该文件必须有以下代码：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension="webp" mimeType="image/webp" />
    </staticContent>
  </system.webServer>
</configuration>

【讨论】：