使用 Dropzone JS 在 PHP 中进行多文件上传

在本节中，我们将使用 Dropzone JS 上传多个文件。当我们在项目或网站中使用时，总是需要能够上传多个图片或创建多个文件的功能。如果使用多个输入来上传图片，那看起来会不太好。事实上，我们网站的用户也不喜欢这样。所以我们必须努力做得更好。现在，每个网站都具有图片上传功能。但是，如果我们使用 PHP 框架，如 Yii、Codeigniter、Laravel 等，或PHP，那么使用 Dropzone JS 库将非常棒。它是一个 JavaScript 库，并且是开源的。

使用这个库，我们可以轻松地拖放上传多个文件。Dropzone JS 库的使用非常简单。这个库为我们提供了验证功能，例如特定扩展名、最大文件上传等。在给定的示例中，我们将解释如何使用 dropzone.js 上传多张图片并创建多个文件。在我们的示例中，我们还将通过使用 Bootstrap 来构建更好的布局。上传图片和构建文件的步骤如下：

1. 创建一个名为 index.php 的文件
2. 创建一个名为 upload.php 的文件
3. 创建一个名为 upload 的文件夹

我们可以通过给定的分步过程上传图片。我们描述了三个步骤，它们能够提供图片上传的完整知识。在下面的示例中，我们将使用 dropzone.js CDN 导入。如果我们要下载它，我们可以在本地进行。上传图片的步骤如下：

步骤 1

在此步骤中，我们将创建 index.php 文件。我们将使用根文件夹来创建此文件。为了完成此操作，我们将使用以下代码并将其放入 index.php 文件中。此文件中使用了 JS、JQuery、Bootstrap 和 Dropzone CSS 的 CDN，描述如下：

index.php

步骤 2

在此步骤中，我们将创建 upload.php 文件。我们将使用根文件夹来创建此文件。此文件将编写图片上传的代码，描述如下：

upload.php

步骤 3

这是最后一步，在此步骤中，我们将创建 upload 文件夹。在我们的示例中，我们需要存储图片。因此，我们将创建一个 upload 文件夹。上传文件夹也可以有不同的名称。我们还应该注意在 upload.php 文件中进行更改。

现在我们的上述示例已准备好运行。因此，我们将使用根文件夹来运行以下命令。

现在，我们将使用浏览器并打开 URL，描述如下：

当我们在浏览器中打开此 URL 时，将得到一些输出，描述如下：