通过ajax删除dropzone laravel中上传的文件

npm install dropzone

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

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/min/dropzone.min.js"></script>

php artisan make:controller FileController

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Storage;

class FileController extends Controller
{
    public function upload(Request $request)
    {
        $file = $request->file('file');
        $path = $file->store('uploads');
        
        return response()->json(['path' => $path]);
    }
    
    public function delete(Request $request)
    {
        $path = $request->input('path');
        Storage::delete($path);
        
        return response()->json(['message' => 'File deleted successfully']);
    }
}

Route::post('/upload', 'FileController@upload')->name('upload');
Route::delete('/delete', 'FileController@delete')->name('delete');

Dropzone.options.myDropzone = {
    init: function() {
        this.on("success", function(file, response) {
            // 文件上传成功后的处理逻辑
            console.log(response.path);
        });
    }
};

function deleteFile(path) {
    $.ajax({
        url: '/delete',
        type: 'DELETE',
        data: { path: path },
        success: function(response) {
            // 文件删除成功后的处理逻辑
            console.log(response.message);
        }
    });
}