Как показать поле 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/