FilePond 向服务器发送空白请求

时间:2021-02-01 08:00:15

标签: php laravel vue.js filepond

我使用 Laravel-filepondVue FilePond
但是 FilePond 向服务器发送一个空白请求。
这是我的代码: *UserComponent.vue

<template>
    <div class="container">
    <file-pond
            name="Profile"
            ref="pond"
            label-idle="drag & drop"
            v-bind:allow-multiple="false"
            accepted-file-types="image/jpeg, image/png"
            v-bind:files="userFile"
            v-bind:server="{
url: '/panel/filepond',
timeout: 7000,
process: {
url: '/process',
method: 'POST',
headers: {
'X-CSRF-TOKEN': this.get_meta('csrf-token'),
},

}
}"
            v-on:init="handleFilePondInit"/>
    </div>
</template>

<script>
    import vueFilePond, {setOptions} from 'vue-filepond';
    import 'filepond/dist/filepond.min.css';
    import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css';
    import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
    import FilePondPluginImagePreview from 'filepond-plugin-image-preview';

    import FilePondPluginImageEdit from 'filepond-plugin-image-edit';
    const FilePond = vueFilePond(FilePondPluginFileValidateType, FilePondPluginImagePreview);
    export default {
        data() {
            return {
                userFile: [],
            }
        },
        methods: {
            handleFilePondInit: function () {
                console.log('FilePond has initialized');
            }
        },
        components: {
            FilePond
        },
    }
</script>

FilePondController.php Original file

<?php

namespace Sopamo\LaravelFilepond\Http\Controllers;

use function dd;
use Illuminate\Http\Request;
use Illuminate\Routing\Controller as BaseController;
use Sopamo\LaravelFilepond\Filepond;

class FilepondController extends BaseController
{
    private $filepond;

    public function __construct(Filepond $filepond)
    {
        $this->filepond = $filepond;
    }
    public function upload(Request $request)
    {
        dd($request->all());
    }
}

当我在客户端上传文件时(默认响应为 422),我在我的服务器上找不到它。
FrameWorks & Repository 是最新版本。

响应 []

0 个答案:

没有答案