使用Javascript加载图像文件夹

Question

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

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

Answer 1

如何处理Dropbox，Box，Google驱动器以及文件，文件夹和拖动＆amp;下降。如果您有兴趣看一下：http://extract.autodesk.io/ - 此示例不适用于图像，而是2d / 3d模型，但它与图像没有区别，更改相应的文件过滤器。

源代码发布在此处：https://github.com/cyrillef/extract-view.and.data.api

从哪里开始：

• 安装Flow.js - https://github.com/flowjs/flow.js
• https://github.com/cyrillef/extract-view.and.data.api/blob/master/www/index.html#L195用于HTML部分
• https://github.com/cyrillef/extract-view.and.data.api/tree/master/www/js
  • upload-flow.js - 使用flow.js库获取本地文件
  • loaders.js - 处理dropbox，box，google驱动程序等...
• https://github.com/cyrillef/extract-view.and.data.api/tree/master/server
  • flow-node.js - Flow.js Node.js实现
  • file.js - Flow文件的服务器路由

如果你不想要Node.js，你也可以用PHP获得它 https://github.com/cyrillef/extract-php-view.and.data.api