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

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

ただいまの
回答率

87.58%

投稿画面から、画像ファイルをアップロードしたい。

解決済

回答 3

投稿 編集

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

投稿画面から画像ファイルをアップロードしたいです。
サイトを参考に、画像ファイルアップロードのプログラムを書いたのですが、
下記、エラーメッセージが出てきて、解決方法が分かりません。
画像のアップロードができるようにエラーの解決方法をご教示願えませんでしょうか?

エラーメッセージ:Call to a member function storeAs() on string
C:\xampp\htdocs\jinminshinbun\app\Http\Controllers\ArticleController.php:78

コントローラーの下記の箇所(ArticleController.php:78)でエラーが発生しています。
$article->image_url = $request->image_url->storeAs('public/post_images', $time . '_' . $request->user() . '.jpg');

コントローラー

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Article;

use App\Http\Requests\ArticleRequest;

use Illuminate\Support\Facades\Auth;

class ArticleController extends Controller
{
    //
    //
    public function index()
    {
      略...
    }
    public function create()
    {
       略...
    }
    public function store(ArticleRequest $request, Article $article)
    {
        $article->title = $request->title;
        $article->body = $request->body;
        $article->user_id = $request->user()->id;       
        //画像をアップロード
        // $time = date("Ymdhis");
        // $article->image_url = $request->image_url->storeAs('public/post_images', $time . '_' . $request->user() . '.jpg');
        // $article->image_url = $request->image_url->Storage::putFile('image_url', $request->file('image_url'));

        $article->image_url = $request->image_url->storeAs('public/post_images', $time . '_' . $request->user() . '.jpg');

        dd($article);
        $article->save();
        return redirect()->route('articles.index');
    }
}

ビュー

<!-- タイトル -->
<div class="md-form">
    <label>タイトル</label>
    <input type="text" name="title" class="form-control" required value="{{ old('title') }}">
</div>
<!-- 本文 -->
<div class="form-group">
    <label></label>
    <textarea name="body" required class="form-control" rows="16" placeholder="本文">{{ old('body') }}</textarea>
</div>
<!-- 画像投稿 -->
<div class="file-field medium">
    <div class="btn btn-outline-default waves-effect float-left">
        <span>Choose files<i class="fas fa-cloud-upload-alt ml-3" aria-hidden="true"></i></span>
        <input type="file" name="image_url" value="{{ old('image_url') }}" multiple>
    </div>
</div>

追記:formの部分

@section('content')
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="card mt-3">
          <div class="card-body pt-0">
            @include('error_card_list')
            <div class="card-text">
              <form method="POST" action="{{ route('articles.store') }}">
                @include('articles.form')
                <button type="submit" class="btn btn-default btn-block">投稿</button>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

追記:dd($request);の結果

  +request: Symfony\Component\HttpFoundation\ParameterBag {#1353 ▼
    #parameters: array:4 [▼
      "_token" => "7Ah0JObQ5QhecxGgq7ntwnOMECp7xYUgCWjLsaQv"
      "title" => "dadad"
      "body" => "dada"
      "image_url" => "IMG_2693.JPG"
    ]
  }

解決のために閲覧したサイト:

下記サイトのファイルアップロードの欄の、ファイル名の指定のところに書いてある、下記の記述をコピペして、avatarの部分や変数を変更してみましたが、うまくいきませんでした。

$path = $request->file('avatar')->storeAs(
    'avatars', $request->user()->id
);


https://readouble.com/laravel/5.8/ja/filesystem.html

  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

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

  • kerokeroryu2631

    2020/11/25 23:36

    質問の追記、修正が出来ました。

    キャンセル

  • Y.H.

    2020/11/25 23:38

    dd($request)
    の結果を質問に追加できますか?

    キャンセル

  • kerokeroryu2631

    2020/11/25 23:45

    dd($request);の結果を追記しました。

    キャンセル

回答 3

checkベストアンサー

+2

ビューの、form要素のenctype属性にmultipart/form-dataを指定してみてください。

<form method="POST" action="{{ route('articles.store') }}" enctype="multipart/form-data">

追記

調べていただいた内容を見ると、なぜか、multipart/form-dataになってないような気がします。
multipart/form-dataの場合、リクエストのボディ部をFirefoxの開発者ツールで見ると、下図のようになります。赤枠のところを見ると、いかにもバイナリデータが送られてる感じがしますよね。

イメージ説明

Chromeでも同じように見えるはずなのですが、訳あって、ファイルを添付せずにsubmitしたときのスクショしかありません。自分で試すときは、矢印の辺りに"view source"というボタンがあるので押してください。

イメージ説明

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2020/11/26 02:03 編集

    動いたのですが、指定のフォルダに画像データが入らないので、その原因を探求中です。
    こんな感じで直しています。
    $article->image_url = $request->file('image_url')->storeAs('public/post_images', $time . '_' . Auth::user()->id . '.jpg');

    キャンセル

  • 2020/11/26 02:21

    指定のフォルダがなかったというオチでした。
    凡ミスばかりで、すみません。
    本当に助かりました。長々と付き合っていただき、ありがとうございました。

    キャンセル

  • 2020/11/26 08:21

    やったね! がんばってください。

    キャンセル

+1

 +request: Symfony\Component\HttpFoundation\ParameterBag {#1353 ▼
   #parameters: array:4 [▼
     "_token" => "7Ah0JObQ5QhecxGgq7ntwnOMECp7xYUgCWjLsaQv"
     "title" => "dadad"
     "body" => "dada"
     "image_url" => "IMG_2693.JPG"
   ]
 }

ファイル名しか受けてないですね。

こんな感じになってるはずです。
https://reffect.co.jp/laravel/how_to_upload_file_in_laravel#i-2


...略... $request->image_url->storeAs(...略...)

file()を何故使わないのでしょうか?

解決のために閲覧したサイト:
https://readouble.com/laravel/5.8/ja/filesystem.html

には以下のように記載されてます。

https://readouble.com/laravel/5.8/ja/filesystem.html#file-uploads

$path = $request->file('avatar')->storeAs(
    'avatars', $request->user()->id
);

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2020/11/26 00:34

    あぁ駄目でしたか。お力になれず。。。
    どなたか別の方の回答をお待ちください。

    キャンセル

  • 2020/11/26 01:06

    ご親切にありがとうございました。引き続き、調査します。

    キャンセル

  • 2020/11/26 02:21

    解決できました。ありがとうございました。

    キャンセル

0

削除しました。削除しました。

投稿

編集

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

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

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

関連した質問

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