无法通过响应式图片http api获取文件名含特殊符号及已经Url编码后含空格含井号等符号的图片

[VoidYun]

前置条件

• 已经在 issues 列表中搜索了相关问题。
• 这是 Halo 项目本身存在的问题，如果是非项目本身的问题（如：安装部署问题），建议在 Discussions 提交。
• 已经尝试过停用所有的插件，排除是插件导致的问题。
• 如果是插件和主题的问题，请在对应的插件和主题仓库提交。

系统信息

• 外部访问地址: http://10.0.1.200
• 启动时间: 2025-01-06 17:43
• 版本: 2.20.12
• 构建时间: 2024-12-17 15:44
• Git Commit: 4442859
• Java: IBM Semeru Runtime Open Edition / 21.0.5+11-LTS
• 数据库: MySQL Community Server - GPL / 8.4.3
• 操作系统: Linux / 6.1.0-26-amd64
• 已激活主题: Earth 1.11.0
• 已启动插件:
  • 内容格式助手 1.2.0
  • 应用市场 1.9.0
  • RSS 1.4.2
  • Sitemap 1.1.2
  • 搜索组件 1.6.2
  • 评论组件 2.5.1

使用的哪种方式运行？

Docker Compose

发生了什么？

订阅rss源的时候发现很多站文章的封面无法查看，查看错误发现是使用的响应式图片的http api存在问题，部分含有特殊符号名称的图片无法正常获取。

下方为测试时候的截图，测试仅普通的 test.png 可以正常获取，部分是获取的图片名称没有url编码，编码后可访问，部分是编码后也不可访问

部分像是 + & 没有进行正确编码，测试正常编码后用http api图片是可以正常访问的

复现步骤

上传文件名含有特殊符号的图片，使用响应式图片的http api请求文件

我测试用到的几张图片名称如下

jia+hao.png
jing#hao.png
kong ge.png
t&t.png
test.png

相关日志输出

Halo 日志并未发现异常

附加信息

下面是实际使用遇到的情况

[ruibaby]

ping @guqing

这可能和 https://github.com/halo-dev/plugin-feed 插件有关。

[ruibaby]

应该是在 #39 添加的 RSS 封面图支持。

[guqing]

/assign

[VoidYun]

这是halo.run的一张图片的代码，从中可以提取出原始图片名称为 halo cover (copy)-cpzt.png 而上传后图片名称变为 halo%20cover%20(Copy)-cpzt.png 生成缩略图后变成了 halo20cover20Copy-cpzt.png 很奇怪这个20是哪来的，由于看不太懂java 代码，我只能猜测是 % 又被编码为 %25 然后图片就成了 halo%2520cover%2520Copy-cpzt.png ，这在下面的测试中得到了验证

<img src="/upload/halo%20cover%20(Copy)-cpzt.png" alt="优化使用体验，Halo 2.14.0 发布" srcset="/upload/thumbnails/2024/w400/halo20cover20Copy-cpzt.png 400w,
                  /upload/thumbnails/2024/w800/halo20cover20Copy-cpzt.png 800w,
                  /upload/thumbnails/2024/w1200/halo20cover20Copy-cpzt.png 1200w,
                  /upload/thumbnails/2024/w1600/halo20cover20Copy-cpzt.png 1600w" sizes="(max-width: 1600px) 100vw, 1600px" class="h-full w-full object-cover transition-all duration-500" loading="lazy">

下面是上面这个图片的例子，前者无法访问，后者可以正常访问，这对于需要调用这个http api的开发者会产生误解

https://www.halo.run/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=/upload/halo%20cover%20(Copy)-cpzt.png&size=m

https://www.halo.run/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=/upload/halo%2520cover%2520(Copy)-cpzt.png&size=m

[guqing]

不是很清楚你想表达什么，是对于这个 issue 的问题补充还是其他问题

uri=xxx 是作为获取缩略图的参数，只需要对其进行 uri encode 即可避免特殊字符无法被识别的问题，如果对已经 uri encode 过的 uri 再次进行 encode 则会导致无法访问

此 issue 已经在 #61 中修复，等待合并后会发一个版本

[VoidYun]

是我理解错了，误认为像是 aaa%20aaa.png 是已经被编码后的

[ruibaby]

其实在最早的时候就应该在上传文件的时候移除掉文件名的特殊字符，避免后续在其他地方使用的时候需要 encodeURL，这里确实很容易忽略。