投稿画像の編集・更新（edit, update)

Question

前提・実現したいこと

こんにちは、いま私は思い出に残った風景などの画像を投稿サイトを製作中です。

画像選択〜アップロード〜リサイズ〜保存（保存しているか確認）〜表示するという流れで画像登録をしています。

すでに投稿してある（題名とメッセージと画像）を編集するコードを書いています。

文字を書き、差し替える画像をを選択して、編集ボタンを押すと、

一覧ページに移動して'投稿を編集しました'と表示されますが・・・

'subject'と'message'はアップデート出来ていますが、

画像だけがアップデートされません。（画像は差し替える前のままです）

問題解決方法：　create, edit.bladeにおまじない「enctype="multipart/form-data」をつける！

該当のソースコード

PostsController

    /**
     * Edit機能
     */
    public function update(PostRequest $request, $id)
    {
　　　　　$image_file = "";　//投稿にはあって、編集にはなかったもの
        $upload_image = $request->file('image_file');
        if ($upload_image) {
            $path = $upload_image->store('uploads', 'public');
            if ($path) {
                Image::make($upload_image->getRealPath())->resize(150, 150)->save();
                $image_file = $path;
            }
        }
    $post = Post::findOrFail($id);
    $post->subject = $request->subject;
    $post->message = $request->message;
    $post->name = "";
    $post->user_id = Auth::id();
    $post->save();
  
    return redirect('/act')->with('poststatus', '投稿を編集しました');
    }

    /**
     * 投稿機能
     */
    public function store(PostRequest $request)
    {
        $image_file = "";
        $upload_image = $request->file('image_file');
        
        if ($upload_image) {
            $path = $upload_image->store('uploads', 'public');
            if ($path) {
                Image::make($upload_image->getRealPath())->resize(150, 150)->save();
                $image_file = $path;
            }
        }

        $post  = new Post;
        $post->subject = $request->subject;
        $post->message = $request->message;
        $post->image_file = $image_file;
        $post->name = "";
        $post->user_id = Auth::id();
        $post->save();
        return redirect('/act')->with('poststatus', '新規投稿しました');
    }

Comments

[m.ts10806]

サーバー上は画像どうなってますか？変更後になってますか？
「思うように差し替えてくれませんでした。 」とは何が起きてるのでしょうか。

[退会済みユーザー]

コメントありがとうございます。本文へ記載しました。＾＾

[m.ts10806]

あとはデバッグですかね。
Image::make・・save()
が実行されているかどうか。
メソッドチェーンで一気にするより１個ずつ結果受けて確認していった方が良いと思います。

[退会済みユーザー]

デバッグの結果、追記しました。

[Lulucom]

新規投稿のアクションでも、同じように処理しているのではないでしょうか？その場合、新規投稿のアクションと見比べてみると、何が不足しているかわかるのではないでしょうか。

[退会済みユーザー]

「$image_file = "";」が抜けていました。
投稿の編集をしましたが、画像のみ変更されませんでした。

[Lulucom]

新規投稿アクションのメソッドのコードも掲載された方が良いでしょう。

[退会済みユーザー]

投稿アクションも追記しました。

[Lulucom]

ありがとうございます。Illuminate\Http\UploadedFileの中身を表示した画像も掲載されていますが、それはどこでどのようにして出力させたものでしょうか。

[m.ts10806]

ひとまずView側のコードも提示されてはと。

[m.ts10806]

>デバッグの結果、追記しました。
あのごめんなさい。どこでしょう。

Answer 1

updateアクションで以下が漏れているためではないでしょうか。

$post->image_file = $image_file;

Comments

[退会済みユーザー]

この記述も抜けていましたね…　追加して、投稿からの編集をしたところ、編集をすると画像が削除され何も表示されません。まっさらな状態です。（私の場合、画像がエンプティの場合の条件分岐をしていて、「@if (empty($post->image_file))」このように画像が存在しないのが明らかになっています。

[Lulucom]

すいません、後半の部分（「私の場合」以降）はどういう意味ですか？

[退会済みユーザー]

画像を変更、アップデートしたところ、元々の画像は削除され、新しくアップデートした（したかった）画像は、保存されていないので表示もされませんでした。

[Lulucom]

ファイルの保存先は、Laravelプロジェクトのstorage/app/public/uploads/ディレクトリなのかな？と思いますが、その中にはアップロードされたファイルが保存されますか？

[退会済みユーザー]

新規登録の画像は登録されています。アップデートした時の画像は保存されていませんでした。
updateのコントローラーに問題がありそうですね・・・(;´д｀)ﾄﾎﾎ…

[Lulucom]

そうですか・・・storeアクションとupdateアクションでその辺りのコードに違いは無さそうなんですけどね。フォーム側には何か違いがありそうでしょうか。

[退会済みユーザー]

https://stackoverflow.com/questions/25715178/only-update-image-if-user-uploaded-a-new-one-laravel

投稿した画像を削除して、再度画像をアップデートするコントローラーを作らないといけないみたいですね...
初見でした。

[Lulucom]

確かに、変更前の画像ファイルを削除しないと、不要な画像ファイルが溜まってしまうという問題はあります。が、画像ファイルが保存されていないという問題の原因ではない気がします。

新規投稿フォームと更新フォームを見比べると、更新フォームに何か問題はなさそうでしょうか？

[退会済みユーザー]

おまじない「enctype="multipart/form-data」がeditの方になかったので追加しました。何も変わらずです…

以下追記
おまじないの前に、半角スペースではなく、全角スペースを入れていました(T_T)
私の笑えないミスです。

[Lulucom]

はい、ファイルがアップロードされない問題の原因で多いのがその enctype="multipart/form-data" の指定漏れですが、それを付けても解消しないのですね・・・
それを指定してから、再試行する前に、更新フォームのページをちゃんと再読み込みされましたか？

質問への追記・修正依頼の方にもコメントしましたが、質問に掲載されたスクリーンショットについて、どこでどのように表示させたものかも記載された方が良いでしょう。

[Lulucom]

> 全角スペースを入れていました(T_T)

そうでしたか、確かにそれだと正しく動作しないですね。

[退会済みユーザー]

luluconさん、昨日から一つ一つ丁寧に一緒に確認して下さり、感謝申し上げます。
また機会がございましたら宜しくお願い致します。
ベストアンサーに選ばせて頂きます。^^

[Lulucom]

更新フォームのコードの掲載も最初からお願いすればよかったですね・・・
解決されたようでよかったです^ ^

[退会済みユーザー]

ホントにそうです,,,　次掲載する際は、アドバイス頂いた内容をしっかり載せて投稿したいと思います。^ ^