質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.92%

画像アップロードを含めた「レコードへの複数挿入」の方法

受付中

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 490

画像アップロードを含めた「レコードへの複数挿入」を実行すると、「挿入時に画像データがカラムに入らない」というエラーになる問題で困っています。

原因または解決策をご存知の方はいらっしゃいませんか。

私の行った手順は以下です。

(1)同一テーブルカラムの中にある複数のレコードに挿入処理を掛けるFormの記述
(2)form側のname属性の最後に[]をつけ、array型でsubmit
(3)Controller側でsubmitされたrequestデータを受け取り、画像データのみヴァリデーションを行う
(4)Controller側で受け取った複数レコードのデータをforeachで回し、また各$requestデータの最後に[i]をくっつける
(5)AWSとS3を繋げ、画像データはS3のバケットに保存。また画像パスや他のカラムに対するレコード全てをBookテーブルに保存

すると、以下のような結果になりました。
イメージ説明

私は【3つのinputにデータを入れ込んでいるため、複数レコードが挿入できる】と思いました。

原因を確かめるため、inputタグを1行のみにし、

>(2)form側のname属性の最後に[]をつけ、array型でsubmit
>(4)Controller側で受け取った複数レコードのデータをforeachで回し、また各$requestデータの最後に[i]をくっつける

など、array型で渡すことを前提としたコードを全て、1行レコード更新用のコードに書き換えました。すると、こちらではうまく挿入することができました。

なお、私の環境は以下の通りです。
【MacBook Air (13-inch, Early 2015), 8 GB 1600 MHz DDR3,  AWS, Laravel5.8.21】

以前、画像データを含まない複数レコードの挿入は成功しているのですが、画像データを含むとコードが複雑化し、どのようにすればいいのか分からない状態です。

解決策を教えていただけますと幸いです。

●Controller

public function registrateNewBook(Request $request){
                 $this->validate($request, [
            'photo_path' => [
                // 必須
                'required',
                // アップロードされたファイルであること
                'file',
                // 画像ファイルであること
                'image',
                // MIMEタイプを指定
                'mimes:jpeg,png',
                // 最小縦横20px 最大縦横500px
                'dimensions:min_width=20,min_height=20,max_width=500,max_height=500',
            ]
        ]);
                if ($request->file('photo_path')->isValid([])) {
        $path = $request->photo_path->store('photo', 's3');
        Storage::disk('s3')->setVisibility($path, 'public');
        $url = Storage::disk('s3')->url($path);
                 $i = 0;
        foreach($request->num as $val){
        $book = new Book;
        $book->category_id = $request->category_id[$i];
        $book->title = $request->title[$i];
        $book->author = $request->author[$i];
        $book->isbn = $request->isbn[$i];
        $book->price = $request->price[$i];
        $book->publisher = $request->publisher[$i];
        $book->status = $request->status[$i];
        $book->photo_path = $url[$i];
        $book->save();
        $i++;
        }
         return view('supplier.registration');
                 } else {
            return redirect()
                ->back()
                ->withInput()
                ->withErrors(['file' => '画像がアップロードされていないか不正なデータです。']);
        }
    }

●view

<form action="/registrateNewBook" method="post" enctype="multipart/form-data">
        {{ csrf_field() }}
        @for($i = 0 ; $i < 3; $i ++)
        <tr>
            <td><input type="text" name="title[]"></td>
            <td><input type="text" name="author[]"></td>
            <td><input type="text" name="publisher[]"></td>
            <td><input type="text" name="isbn[]"></td>
            <td><input type="text" name="price[]"></td>
            <td><input type="file" name="photo_path[]"></td>
            <td>
                <select name="status[]">
                    <option value="1">新品同様</option>
                    <option value="2">古本</option>
                    <option value="3">汚い</option>
                    <option></option>
                </select>
            </td>
            <td>
                <select name="category_id[]">
                    <option value="1">小説</option>
                    <option value="2">ノンフィクション</option>
                    <option value="3">ビジネス</option>
                    <option value="4">漫画</option>
                    <option value="5">その他</option>
                </select>
            </td>
        </tr>
        @endfor
        <tr><td><input type="submit" value="登録"></td></tr>
        </form>

また、以下に成功した「画像アップロードを含めた単一レコード挿入」のコードも記載いたします。

●Controller

public function registrateNewBook(Request $request){
                 $this->validate($request, [
            'photo_path' => [
                // 必須
                'required',
                // アップロードされたファイルであること
                'file',
                // 画像ファイルであること
                'image',
                // MIMEタイプを指定
                'mimes:jpeg,png',
                // 最小縦横20px 最大縦横500px
                'dimensions:min_width=20,min_height=20,max_width=500,max_height=500',
            ]
        ]);
                if ($request->file('photo_path')->isValid([])) {
        $path = $request->photo_path->store('photo', 's3');
        Storage::disk('s3')->setVisibility($path, 'public');
        $url = Storage::disk('s3')->url($path);
                 $book = new Book;
        $book->category_id = $request->category_id;
        $book->title = $request->title;
        $book->author = $request->author;
        $book->isbn = $request->isbn;
        $book->price = $request->price;
        $book->publisher = $request->publisher;
        $book->status = $request->status;
        $book->photo_path = $url;
        $book->save();
         return view('supplier.registration');
                 } else {
            return redirect()
                ->back()
                ->withInput()
                ->withErrors(['file' => '画像がアップロードされていないか不正なデータです。']);
        }
    }

●View

<form action="/registrateNewBook" method="post" enctype="multipart/form-data">
        {{ csrf_field() }}
        <tr>
            <td><input type="text" name="title"></td>
            <td><input type="text" name="author"></td>
            <td><input type="text" name="publisher"></td>
            <td><input type="text" name="isbn"></td>
            <td><input type="text" name="price"></td>
            <td><input type="file" name="photo_path"></td>
            <td>
                <select name="status">
                    <option value="1">新品同様</option>
                    <option value="2">古本</option>
                    <option value="3">汚い</option>
                    <option></option>
                </select>
            </td>
            <td>
                <select name="category_id">
                    <option value="1">小説</option>
                    <option value="2">ノンフィクション</option>
                    <option value="3">ビジネス</option>
                    <option value="4">漫画</option>
                    <option value="5">その他</option>
                </select>
            </td>
        </tr>
        <tr><td><input type="submit" value="登録"></td></tr>
        </form>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2019/07/12 20:52

    インデントぐちゃぐちゃで読みづらいですしそれが問題の切り分けを難しくするので
    お手元のコードをきちんとそろえていただけますか?

    キャンセル

回答 1

0

バリデーションが単体について書かれているため。
複数の画像を送った時、photo_pathはfileではなく、arrayです。
photo_path.0 について、バリデーションをする、というようにすれば修正されるはずです。
0,1とやっていくとキリがないので、photo_path.*に書き換えればできると思います

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.92%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る