0

我正在使用：Laravel、Vue JS、dropzone。

上传一个文件时可以正常工作，但是当上传 3 个文件时，它会创建一个新的作业记录，如下所示：

作业 ID：1，文件：1、2

作业编号：2，文件：3

应该看起来像：

作业 ID：1，文件：1,2,3

上传代码如下：

public function store() {

    $data = request()->validate([
       'title' => '',
       'description' => '',
       'start_date' => '',
        'due_date' => '',
        'group_id' => '',
        'dropzonefile' => '',
        'live_status' => '',
    ]);

// Create homework record...
    $task = request()->user()->homeworks()->create([
        'title' => $data['title'],
        'description' => $data['description'],
        'start_date' => $data['start_date'],
        'due_date' => $data['due_date'],
        'live_status' => $data['live_status'],
    ]);

// Add homework to some groups...
    $task->groups()->attach(Arr::pluck(json_decode($data['group_id']), 'group_id'));

// Upload all files...
    if (isset($data['dropzonefile'])) {
        foreach ($data['dropzonefile'] as $attachment) {
            $attachmentName = $attachment->store('userFiles', 'public');

            $attachmentInfo = request()->user()->attachments()->create([
                'reference_name' => $attachmentName,
                'original_file_name' => $attachment->getClientOriginalName(),
            ]);

            $task->attachments()->attach($attachmentInfo->id);
        }
    }

    return new TaskResource($task);
}

前端代码：

dropzoneOptions: {
                    paramName: "dropzonefile",
                    url: '/api/homework',
                    thumbnailWidth: 150,
                    maxFilesize: 20,
                    maxFiles: 5,
                    addRemoveLinks: true,
                    uploadMultiple: true,
                    autoProcessQueue: false,
                    headers: {
                        'X-CSRF-TOKEN': document.head.querySelector('meta[name=csrf-token]').content,
                    },
                    sending: (file, xhr, formData) => {
                        formData.append('title', this.taskTitle);
                        formData.append('description', this.content);
                        formData.append('start_date', this.selectedSetDate);
                        formData.append('due_date', this.selectedDueDate);
                        formData.append('group_id', JSON.stringify(this.value));
                        formData.append('live_status', this.liveStatus);
                    },
                    success: (event, res) => {
                        // alert('success');
                        console.log(event);
                        this.makeToast(true,'info');
                        this.$router.push('/Teacher')
                    }
                },
4

1 回答 1

0

我想我找到了答案： 在一个请求中上传多个文件 Dropzone 发送两个请求

好像我错过了一些 dropzone 选项：

autoDiscover: false,
parallelUploads: 10,
于 2021-01-27T12:31:22.243 回答