PHP Dropzone 按钮点击文件上传

2025年3月17日 | 阅读 3 分钟

在本节中,我们将学习如何在 PHP Dropzone 中通过点击按钮来上传文件。我们将使用提交按钮在 PHP Dropzone 中上传一个或多个文件。

当我们使用拖放上传一个或多个文件时,我们通常会使用 dropzone JS,但这不适合我们。因为只有当我们选择一个文件或图像时,dropzone js 才会上传图像或文件。在我们下面的示例中,我们将描述如何使用 PHP 和 Dropzone 在按钮点击时上传所有图像或文件。我们将使用 dropzone.js 库来上传图像并构建多个文件。我们还将使用 Bootstrap,它将帮助我们提供一个非常吸引人和漂亮的布局。我们通过使用 dropzone.js cdn 来导入。我们也可以使用本地文件下载它。为了在按钮点击时上传文件,我们需要遵循一些步骤,如下所述

步骤 1

在这一步,我们将创建 **index.php 文件**。我们将使用我们的根文件夹来创建这个文件。为了执行此操作,我们将使用以下代码并将其放在 index.php 文件中。我们还将使用 CDN 来获取 JS、JQuery、Dropzone CSS 和 Bootstrap。为了执行按钮,我们将编写一些点击事件。当点击按钮时,图像或文件将上传到服务器。

index.php

步骤 2

在第二步,我们将创建 **Upload.php 文件**。我们将使用我们的根目录来创建这个文件。该文件将用于像这样编写图像上传文件夹的代码

upload.php

步骤 3

这是最后一步,在这一步,我们将创建 **Upload 文件夹**。在我们的示例中,我们需要存储图像。因此,我们将创建一个上传文件夹。如果我们想指定不同于 uploads 的名称,我们可以这样做,但我们也要小心在 upload.php 文件中更改该名称。

现在我们的上述代码已准备就绪,可以运行了。我们将使用我们的根文件夹来运行以下命令

现在我们将使用我们的浏览器打开以下 URL,如下所示

在此之后,将生成以下输出

PHP Dropzone File Upload on Button Click