dropzone.js + Laravel8で画像アップロード機能を実装する

<script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>

{{Form::open(['url' =>'/file', 'files' => true, 'class' => 'dropzone', 'id' => 'my-awesome-dropzone'])}}
{{Form::close()}}

<!-- 画像アプロード用 -->
{{Form::open(['url' =>'/file', 'files' => true, 'class' => 'dropzone', 'id' => 'my-awesome-dropzone'])}}
{{Form::close()}}
　
<!-- 入力項目送信用 -->
{{Form::open(['url' =>'/input', 'files' => false])}}
    {{ Form::select('hoge', hoge, null) }}
{{Form::close()}}

<script>
    const dropzone = new Dropzone( '#my-awesome-dropzone', {
    maxFilesize: 5, // 最大ファイズサイズ（MB）
    maxFiles: 7, // 最大ファイルアップロード数
    timeout: 2000, // タイムアウト（ms）
    addRemoveLinks: true, // 削除用リンクを追加するか
    acceptedFiles: '.jpeg,.jpg,.png,.gif', // 許容するファイルタイプ
    dictDefaultMessage: 'ファイルをドラッグ＆ドロップしてね。', // アップロードエリアの表示メッセージ
    dictInvalidFileType: 'このファイルタイプはサポートされてないよ。', // サポート外の時に表示するメッセージ
    dictMaxFilesExceeded: 'これ以上アップロードできないよ。', // 最大アップロード数を超えたときのメッセージ
    }).on("success", function(file, serverResponse){
        // アップロードが成功した時にここにくる
    }).on("removedfile", function(file){
        // ファイルを削除した時にここにくる
        // サーバーからファイルを削除するajaxなどを実装する
    });
</script>

<!-- 画像アプロード用 -->
<form action="{{route('dropzone.store')}}" method="post" name="file" files="true" enctype="multipart/form-data" class="dropzone">

use App\Http\Controllers\DropZoneController;

Route::post('dropzone/store', [DropZoneController::class, 'dropzoneStore'])->name('dropzone.store');

class DropZoneController extends Controller
{
    public function dropzoneStore(Request $request)
    {
        $image = $request->file('file');

        $imageName = time() . '.' . $image->extension();
        $image->move(public_path('uploads'), $imageName);

        return response()->json(['success' => $imageName]);
    }
}

<script>
    const dropzone = new Dropzone( '#my-dropzone', {
        maxFilesize: 5,
        maxFiles: 10,
        init : function() {
            let mockFile = { name: "filename", size: 123 };
            this.displayExistingFile(mockFile, "https://hoge.com/storage/uploads/h.jpg");

            // maxFilesオプションを指定してる場合はこれを指定する
            this.options.maxFiles = this.options.maxFiles - 1;
        }

autoProcessQueue: false