やりたいことや前提
- Laravel 6 。ファイルを扱うシンプルな CRUD API の例を作った (今後 Dropzon.js を試すために) – oki2a24 の続き。 Lareavel 6 で Vue.js 3 を利用する環境となる。
- Dropzone.js には、アップロードしたいファイルを受け取ってサーバへリクエストしてもらい、結果をレスポンスとして返して欲しい。
サーバ側の API エンドポイントは以下 (詳細は Laravel 6 。ファイルを扱うシンプルな CRUD API の例を作った (今後 Dropzon.js を試すために) – oki2a24 を参照) 。
GET api/files
ファイル情報の配列を取得する。← 今回使用しなかった。GET api/files/{file}
指定したファイル情報を取得する。POST api/files
ファイルを登録する。← 今回使用しなかった。PATCH api/files/{file}
指定したファイルを更新する。DELETE api/files/{file}
指定したファイルを削除する。
- 逆にいうとそれ以外のこと、アップロード済のファイルのリスト表示や、ファイルの削除操作、は、 Dropzone.js 以外で制御したい。
- サーバにアップロード済のファイルを一覧表示する。
- アップロード済ファイルを削除する。