Html 链接到名称中包含utf-8字符的文件

我无法链接名称中带有UTF字符的任何图像/文件

例如，当我将图像链接到文件时，由于“pi%C5%ka+no%C5%BCnaw.png”而出现错误

我试图找到一个解决办法，但他的答案似乎是光明会的秘密

---

常见的解决方法是什么？

简短的回答是，必须先对任何UTF-8文本进行编码，然后才能在URL的HTML代码中使用它们，不要像以前那样直接使用UTF-8文本

对于您发布的

Piłka nożna.png

示例，它的百分比编码如下：

细节 用于确保浏览器正确查找文件。HTML标准应该支持正确处理URL中的UTF-8值

您可以使用一个表来逐个字符手动编码，但在线搜索免费的在线编码器更容易

我刚刚找到并使用了：

输入原始UTF-8文件名：

Piłka nożna.png

输出编码版本：

Pi%C5%82ka+no%C5%BCna.png

因此，我将其放入您的代码中，以获得HTML所需的百分比编码URL：

但不要只是输入和转换成这些在线转换器的一切。如果您输入了整个URL

images/ikony…

，您会注意到前斜杠似乎也被编码了百分比。我们选择不将

/

编码为

%2f

的原因是：

/是一个保留字符。它不等于%2f。如果需要没有定义含义的斜杠，可以使用编码形式

资料来源：

由于我们使用正斜杠作为其预期的定义含义，即目录分隔符，因此我们将其保留为

/

，而不进行更改