Как показать поле json из представления лезвия и отредактировать несколько загрузок файлов из json?

Я создаю проект 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>

Я хочу показать файл над этим кодом.


person Christian D    schedule 25.05.2019    source источник
comment
попробуйте это stackoverflow.com/questions / 4459379 /   -  person Aditya Thakur    schedule 25.05.2019


Ответы (1)


Можете попробовать использовать эту библиотеку.

«DropzoneJS - это библиотека с открытым исходным кодом, которая обеспечивает загрузку файлов перетаскиванием с предварительным просмотром изображений».

https://www.dropzonejs.com/

person Edilton Danniken    schedule 27.05.2019