图片无法加载

Question

我正在开发一个项目，用户上传他们的图像（路径保存在 MySQL 中），图像本身保存在名为 uploads 的目录中。我的 HTML CSS 和 JavaScript 文件存储在

/var/www/html

中，Node.js 文件存储在

/var/www/example/server.js

中，我的上传目录存储在

/var/www/example/uploads

中。我已经排查了几个小时的故障，甚至询问了 chatgpt，但我无法弄清楚这个问题是什么。我尝试过更改路径、chmod 755、向 Apache 配置和 .htaccess 添加内容，可能还有更多。我验证了这些图像是否存在，并且在将它们添加到直接的 HTML 页面时是否正确加载。我不知道我做错了什么。节点服务器文件和上传目录都存储在同一目录中。但我仍然在控制台中收到此错误：

GET https://example.com/uploads/images[]-1719563588934-59855315.jpg 404 (Not Found)

这是它在检查元素 HTML 中向我显示的路径：

<img src="/uploads/images[]-1719563589026-954829461.png" alt="Item Image" style="width:100px;height:100px;">

我已经排查了几个小时的故障，甚至询问了chatgpt，但我无法弄清楚这个问题是什么。我尝试过更改路径、chmod 755、向 Apache 配置和 .htaccess 添加内容，可能还有更多。我验证了这些图像是否存在，并且在将它们添加到直接的 HTML 页面时是否正确加载。我不知道我做错了什么。节点服务器文件和上传目录都存放在同一个目录下。

Answer 1

如果在 HTML 页面中硬编码路径时加载正确，但从数据库中提取该路径时加载不正确，则应检查数据库创建/获取函数。为了使调试更容易，您应该插入一些名称简单的文件，这样您就可以更容易地看到差异（

test.png

比

1108642662421.png

更具可读性）。

确保文件扩展名也得到正确处理，并且您不会将扩展名附加到已有扩展名的文件上，或错误地存储它们。

最后，尝试调试后端并检查数据库调用中返回的路径，并将其构建的完整路径与实际路径进行比较，以便您可以验证。无论是保存文件还是检索文件，文件路径的构建都很有可能。