如何从刀片视图显示 json 字段并从 json 编辑多个文件上传？

Question

我正在创建一个 CRUD 项目，使用 json_encode 将文件上传到数据库。如何显示从刀片视图上传的文件？是否可以从视图中删除它？

    $sid = Sid::find($id);
    $data = [];

    if($request->file('file_uploads'))
    {
        foreach($request->file('file_uploads') as $file)
        {
            $name = $file->getClientOriginalName();
            $path = 'public/file/'.$sid->employee_name;
            $file->move($path, $name);
            $data[] = $name;
        }
    }

        $sid->employee_sid          = $request->employee_sid;
        $sid->employee_npk          = $request->employee_npk;
        $sid->employee_name         = $request->employee_name;
        $sid->file_uploads          = count($data)? json_encode(array_merge(json_decode($sid->file_uploads, true),$data)): $sid->file_uploads;
        $sid->save();

我想在刀片视图中显示我之前上传的文件/图像，并知道是否可以从视图刀片中删除它。

这是我从编辑表单上传的文件。

      <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="UploadFileSertifUnit">Upload Sertifikat Unit</label>
                                <input type="file" id="UploadFileSertifUnit" name="file_uploads[]" multiple>
                                <p>Ukuran Max : 2 MB</p>
                            </div>
                        </div>
                    </div>
                </div>

我想在这段代码上方显示文件。

Answer 1

可以尝试使用这个库。

“DropzoneJS 是一个开源库，提供拖放文件上传和图像预览。”

https://www.dropzonejs.com/