Question

我正在为某人制作自定义网站，该网站要求新用户能够上传多张照片。我一直在寻找图像上传脚本，图像主机API以及从头开始创建的东西。我知道如何使用表单和PHP上传单个图像，但我不知道为多个图像执行此操作的最佳方法。

你推荐什么？

另外，如果我从头开始制作东西或使用脚本，并且图像存储在我服务器上的文件夹中，这样安全吗？（人们可以上传恶意文件并运行它们）

Answer 1

对于简单的多上传方法，您可以在输入标记上使用multiple属性：

<input type="file" multiple="multiple" />

但是，用户只能选择当前文件夹视图中可见的文件;通常只有一个文件夹。

如果您希望能够添加更多文件，可以动态地将display:none;应用于文件输入标记，并在其位置添加新文件。要显示已选择的文件，请使用javascript列出要上传的当前文件，如multiple-file-upload所示。

或者跳过上面的隐藏步骤，这样您就可以在任何给定时间看到所有文件上传表单，同时动态保留一个空白表单，这样就可以上传更多文件。

如果您想要有效的XHTML / HTML，请注意，因为multiple属性仍然是HTML5推测（SPEC）的一部分。

另一种选择是使用iframe并在上传文件时重新加载iframe，这样用户就可以立即选择其他文件。

我个人从不使用Frames，所以我不知道这可能会如何运作。

所谓的“AJAX文件上传器”方法也只是我所看到的一个聪明的iframe技巧。

我能想到的唯一另一个选择是静态地拥有大量<input type="file"/>，并希望您的用户只需要提供。

我个人只是使用普通<input type="file" multiple="multiple"/>，因为我认为他们试图同时上传的大多数用户的图片组都在同一个文件夹中。