使用Javascript加载图像文件夹

我正在浏览器中创建一个图像处理工具，我希望人们能够选择一个图像文件夹作为工作目录，我希望这些图像可以在HTML画布中编辑和显示

---

如何让用户在其计算机上选择一个文件夹并从其中加载所有图像？

如何处理Dropbox、Box、Google drive以及文件、文件夹和拖放。如果您感兴趣，请查看：-此示例不适用于图像，但适用于二维/三维模型，但与图像没有区别，请相应地更改文件过滤器

源代码发布在这里：

从何处开始：

• 安装Flow.js-
• 对于HTML部分
• • upload-flow.js-对本地文件使用flow.js库
  • js-处理dropbox、box、google驱动程序等
• • flow-node.js-flow.js node.js实现
  • file.js-流文件的服务器路由

如果不需要Node.js，也可以在PHP中使用它

---

您对哪个部分感兴趣？如何在HTML中上载和加载图像？是的。我基本上只是希望用户能够在他们的计算机上选择一个文件夹，并在我的网站上显示所有图像。所以我应该将文件夹内容上传到node.js服务器，然后重新下载以使用它们？你没有选择，浏览器无法访问本地文件是出于安全原因，例如用户上传操作除外。这很好。我只是担心它的复杂性。我认为这将是一个简单的javascript和php解决方案。你已经列出了我需要的5件事。