在 Javascript 中,我是否可以要求用户选择一个文件夹,然后从中上传特定图像以嵌入网页?

In Javascript, can I ask the user to select a folder then upload specific images from it to embed in the webpage?

提问人:SolS 提问时间:11/5/2023 更新时间:11/6/2023 访问量:33

问:

对不起,如果这是一个愚蠢的问题,但我有一个简单的应用程序,它使用 Javascript 在 HTML 上运行,并且完全是客户端的(我无法访问服务器)。我正在尝试添加一个功能,以允许用户在页面上显示来自本地计算机的图像,但是需要许多图像,我不想要求他们手动选择每个图像。当我只需要几张图片时,我也不想上传所有图片(可能价值数百兆字节)。

图像将遵循命名约定和/或位于特定的子文件夹中。因此,我想要的是要求用户选择父文件夹,然后让 javascript 选择所需的特定图像并将它们添加到页面中。

到目前为止,我已经找到了几种纯 Javascript 方法来允许用户指定目录,但据我所知,目录的全部内容都被上传了?有没有办法只根据他们的名字上传特定的图像?

JavaScript HTML 文件 输入

评论

1赞 mplungjan 11/5/2023
欺骗?- 只需将多个添加到文件输入并过滤选择
0赞 SolS 11/5/2023
对不起,用什么过滤选择?为了清楚起见,我想一次性选择甚至可能位于不同子文件夹中的特定文件。所有文件都是同一类型的,我需要选择的文件将取决于用户的输入,因此我不能在名称或任何东西上使用模式匹配。
0赞 Rory McCrossan 11/5/2023
如果您需要从多个文件夹中选择文件,那么用户执行此操作的最简单方法是在页面中设置一个拖放区域。然后,您可以将用户选择的所有文件整理到一个“井”中,允许他们在必要时删除选定的文件。从那里,您可以在单个批次中上传所有选定的文件。从头开始构建这不是一件小事,尽管如果您进行研究,有很多现有的库可以处理这个问题。
0赞 SolS 11/5/2023
谢谢你的建议,我会研究的。澄清一下,听起来他们需要手动将所有文件拖到页面中?如果他们只是拖动父文件夹,javascript 是否能够在上传所有内容之前查看所有子文件夹中的所有文件并过滤掉不需要的文件?
0赞 mplungjan 11/5/2023
stackoverflow.com/questions/3590058/......

答: 暂无答案