需要 Laravel Dropzone 附件未按预期工作 - PHP

如果你在使用 Laravel Dropzone 时遇到了问题，本介绍将帮助你解决问题。Laravel Dropzone 是一个 Laravel 包装器，用于将 Dropzone.js 轻松集成到 Laravel 应用程序中。

问题描述

当使用 Laravel Dropzone 上传附件时，你可能会遇到以下问题之一：

• 附件没有被上传
• 当上传附件后，会显示上传完成的进度条，但没有显示附件

解决方法

1. 确认配置

首先，请确保您已正确配置了 Laravel Dropzone，包括以下步骤：

• 在页面上引入 Dropzone.js 和 layui.css、layui.js
• 在 app.js 中添加 Dropzone 包装器和 axios 包装器
• 定义您的 HTML 页面，如下所示：

<form action="{{ route('upload') }}" method="post" enctype="multipart/form-data" class="dropzone" id="my-dropzone">
    @csrf
    <div class="fallback">
        <input type="file" name="file" />
    </div>
</form>

2. 调试日志

如果您已尝试上述步骤但问题仍然存在，请使用日志排除错误。

在 Laravel 应用程序中，使用 Log 类打印日志信息，如下所示：

use Illuminate\Support\Facades\Log;
Log::debug('Your message here');

请确保将日志级别设置为 debug，并确认 log 配置文件中配置了相关的信息：

'channels' => [
    'stack' => [
        'driver' => 'stack',
        'channels' => ['single'],
        'level' => 'debug',
    ],

    'single' => [
        'driver' => 'single',
        'path' => storage_path('logs/laravel.log'),
        'level' => 'debug',
    ],
],

在日志中查找相关信息，并根据调试输出的信息进行检查和修复。

3. 检查 Dropzone 参数

您还可以通过检查 Dropzone 的参数来修复问题，如下所示：

$("div#my-id-dropzone").dropzone({
    url: "{{ route('youruploadroute') }}",
    paramName: "file",
    maxFilesize: 2, // MB
    addRemoveLinks: true,
    parallelUploads: 1,
    acceptedFiles: "jpeg,jpg,png,gif",
    autoProcessQueue: true,
    init: function () {
        this.on("success", function (file, responseText) {
            if (responseText.status == "success") {
                console.log(responseText.message);
            } else {
                console.log("Error");
            }
        });
    },
});

4. 确认文件大小

如果您的文件小于 Dropzone 所设置的 maxFilesize，但仍然无法上传，请将 upload_max_filesize 和 post_max_size 设置为更高的值。

结论

通过检查您的程序和日志，您可以找到 Laravel Dropzone 附件未按预期工作的问题，并修复它。如果以上步骤不能解决问题，请在您的代码中查找问题。同时，您可以了解更多有关 Laravel 和 Dropzone.js 的信息，以提高您的技能水平。