javascript - 如何使用 javascript/jquery 从本地文件夹自动加载多个图像？

Question

我正在尝试构建一个离线图像查看器(也许也是管理器，但稍后)。所以我想从一个文件夹中自动加载多个图像，而不用在 html 上声明它们(即，不对每个图像使用)。是否可以仅使用 javascript/jquery 而不服务器端语言(例如 php)？提前致谢!

Answer 1

我不太清楚，但我认为您实际上无法使用 javascript 读取文件。至少在客户端使用原始 javascript。但是，您可以上传一些文件，然后将其存储在您正在构建的特定应用中

你不能在客户端使用 Javascript 执行此操作的主要原因是因为这对普通用户来说是有风险的，任何 JavaScript 开发人员都可以通过创建客户端 JavaScript 漏洞利用来侵入用户的文件系统

如果你想使用原始 vanilla javascript 上传文件，你可以这样做......

<input id="image-file" type="file" />

然后像这样通过javascript处理它

document.getElementById("image-file").addEventListener('onclick', function(e){
  const file = e.target.files[0];
  // your code
})

但如果你真的想从特定目录加载图像，你必须使用像 Node.js 这样的服务器端语言，你可以像 this 那样学习如何做