Express.js没有显示动态添加到我的网页的图片

Question

我正在尝试使用node.js和express.js开发一个简单的应用程序，其工作方式如下。附上我的应用程序的屏幕截图以供参考

用户基本上在他的计算机中输入存储图像文件的位置，然后我动态生成将这些图像显示为缩略图的HTML文件。我几乎完成了，除了Express不提供我的图像，它们显示为空方框。试图解决这个问题需要帮助。

在人们将此问题标记为重复之前，我想指出这不是静态Web内容，我可以使用静态中间件对其进行排序。用户可以在他的计算机上输入任何目录，如果有任何图像文件存在，那么我需要显示它们。

编辑： 这就是独立HTML页面的样子。 img

中的路径没有问题

Answer 1

当您在浏览器中打开独立html时，打开页面的协议为FILE。在localhost上运行服务器时，协议为http或https。现代浏览器，不允许从http协议跨越到file协议，这就是您收到错误的原因：

  

不允许加载本地资源

我建议你在服务器目录root下创建一个缓冲目录，并从那里复制所需文件夹中的所有图像。这样您就可以无任何限制地显示图像。