html5文件api，将用户选择的目录存储在sessionStorage中

html5 file api, storing user selected directory in sessionStorage?

本文关键字：存储 sessionStorage 选择 api 文件 用户 html5      更新时间：2024-03-08

我想制作一个应用程序，用户可以在自己的计算机上选择一个目录，并且我可以在页面刷新等过程中引用该目录中的图像。例如，用户选择一个目录，或者只选择多个图像文件，然后每次刷新页面时，显示所选目录中的随机图像。我不希望图像上传到我的服务器，而是允许用户通过逐个会话选择显示哪些图像来定制体验。我知道这听起来像是一个非常模糊的场景，但我认识的至少有一圈人会真正欣赏这个功能。

有没有一些方法可以通过HTML5文件api实现这一点？

我目前正在使用：

$imagesDir = 'random/';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
$randomImage = $images[array_rand($images)];

在每次刷新页面时，从我的服务器上的目录中提供一个随机图像。我希望用户能够用他们在自己的计算机上选择的目录替换这个目录。

从用户计算机上的平均（用户选择的）目录中抓取它们是不可能的（请参阅此答案以获得更深入的信息）
基本上，你不能序列化/存储用户选择的目录，也没有目录索引方法（用于本地文件），所以用户仍然必须分别选择每个文件（他们想共享到你的web应用程序）。同样，您不能存储对这些文件的引用（在会话之外）。

然而，你可以让他们（用户）从他们的计算机中选择文件（图像），并将其"上传"到浏览器的本地存储区域（从技术上讲，该区域仍在用户的计算机上）。

相关文章：