Laravel 5.8，編輯圖像時沒有顯示 CRUD（刀片）？

Question

我嘗試創建編輯刀片以從數據庫中獲取舊值。 標題成功出現，但圖像和正文（textarea）沒有出現，這是我的edit.blade.php的一些代碼

<form action="{{ route('blog.update', $post->id) }}" method="PUT" enctype="multipart/form-data" id='post-form'>
    @csrf
    <div class="form-group">
                        <label>Isi</label>
                        <textarea rows="5" cols="5" class="form-control" name="body" value="{{$post->body}}"></textarea>
                    </div>

    <div class="panel panel-flat">
                <div class="image-news">
                    <span>Cover Berita</span>
                    <ul class="icons-list">
                        <li><a href="#" data-action="collapse"></a></li>
                    </ul>
                </div>
                <div class="category-content">
                    <div class="form-group ">

                        <div class="fileinput fileinput-new" data-provides="fileinput">
                            <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                <img src="{{ $post->image_thumb_url ? $post->image_thumb_url : 'http://placehold.it/200x150&text=no+image' }}" alt="...">
                            </div>
                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
                            <div>
                                <span class="btn btn-default btn-file"><span class="fileinput-new">Pilih Gambar</span><span class="fileinput-exists">Ganti</span><input type="file" name='image'></span>
                                <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Hapus</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

這是我的控制器連接到 edit.blade.php

 public function store(Request $request)
    { 
        $post = new Post;
        $post->title = $request->get('title');
        // $post->excerpt = $request->get('excerpt');
        $post->body = $request->get('body');
        $post->published_at = $request->get('published_at');
        $post->category_id = $request->get('category_id');
        $post->author_id = Auth::user()->id;

        if ($request->hasFile('image'))
        {
            $file = $request->file('image');
            $image = $file->getClientOriginalName();
            $destination = public_path() . '/imgberita/';

            $successUploaded = $request->file('image')->move($destination, $file->getClientOriginalName());

            if($successUploaded)
            {
                $extension = $file->getClientOriginalExtension();
                $thumbnail = str_replace(".{$extension}", "_thumb.{$extension}", $image);

                Image::make($destination . '/' . $image)
                ->resize(250, 170)
                ->save($destination . '/' . $thumbnail);
            }
            $post->image = $image;
        }else{
            $post->image = 'logo.jpg';
        }
        $post->save();
        return redirect()->route('blog.index')->with('message', 'Berita berhasil dibuat');
    }

 public function edit($id)
    {
        $post = Post::findOrFail($id);
        return view("backend.blog.edit", compact('post'));
    }

誰能幫助我，如何在 edit.blade.php 中以正確的方式顯示圖像

Answer 1

改變這個

<img src="{{ $post->image_thumb_url ? $post->image_thumb_url : 'http://placehold.it/200x150&text=no+image' }}" alt="...">

至

<img src="{{ $post->image_thumb_url ? asset('/imgberita/'.$post->image_thumb_url) : 'http://placehold.it/200x150&text=no+image' }}" alt="...">

或者

    <img src="{{ $post->image_thumb_url ? asset('public/imgberita/'.$post->image_thumb_url) : 'http://placehold.it/200x150&text=no+image' }}" alt="...">

Answer 2

對於這行代碼，請更改如下：

從：

<img src="{{ $post->image_thumb_url ? $post->image_thumb_url : 'http://placehold.it/200x150&text=no+image' }}" alt="...">

至：

<img src="{{ $post->imageThumb ?? 'http://placehold.it/200x150&text=no+image' }}" alt="...">

然后將以下 function 添加到您的帖子 model 中：

public function imageThumb(){
    if($this->image_thumb_url){
        if(File::exists(public_path() . '/imgberita/'.$this->image_thumb_url)){
            return public_path() . '/imgberita/'.$this->image_thumb_url;
        }
    }
    return null;
}

然后在您的視圖中使用 function，如果該圖像存在，它將返回該位置，如果不存在，它將返回 null。

$post->imageThumb

如果您對此 function 有問題，只需更新public_path(). '/imgberita/' public_path(). '/imgberita/'在 function 里面，希望你明白。

對於textare ，您可以在視圖中使用old() function：

<textarea rows="5" cols="5" class="form-control" name="body" value="{{$post->body}}"></textarea> 

例如像這樣：

<textarea rows="5" cols="5" class="form-control" name="body"  value="{{old('body') ?? ''}}"></textarea>

但請記住，當我們使用validate()時，我們使用old('body') function 並使用->withInput()從 controller 傳遞數據，如下所示：

return redirect()
    ->back()
    ->withInput()
    ->withErrors($validator);

您也可以使用with($request) function 直接在edit.blade.php中傳遞數據。

如果你的身體是 null 你會得到錯誤然后使用{{$post->body?? ''}} {{$post->body?? ''}} 。