Upload image to existing form

may be 'storage/uploads/' . $post->image ??

Hi @nishan12 no adding 'uploads' didn't work unfortunately.

What exactly do you have in $post->image?

Also your image exists in storage/app/public/uploads/?

Do you see symlink storage in public folder?

Hi @michaloravec

Yes the image exists in two places.

App/storage/uploads I then create a storage link which makes the file available in public/storage/uploads

Can you see it in browser that image?

@michaloravec yes I can. localhost address /storage/uploads/name of file.

Interesting now I submitted the form and got an error (that I didn't get before) the image is still passed but the error is Class 'App\Http\Controllers\Image' not found and it references $image = Image::make(public_path('storage/' . $post->image))->fit(500, 500, null, 'top-left'); code.

In your controller you need to add

use Intervention\Image\Facades\Image;

And I want to know when you dd($post->image) what do you get?

Done. New error Class 'Intervention\Image\Facades\Image' not found

Do you use http://image.intervention.io/ ?

Or you just copy code from somewhere?!

@michaloravec I think this is the problem. I just uploaded the photo from my desktop no other installations and not using any program or code like image.intervention.io

But I'm assuming by installing the above it would then function, correct?

Yes install it, because

Image::make(public_path('storage/' . $post->image))->fit(500, 500, null, 'top-left');

this is Intervention.

But I still don't get information what do you get in dd($post->image)? What do you exactly store in image column in your database?

Installed... I always get an error this time its Intervention\Image\Exception\NotReadableException Image source not readable image is a jpg.

if (request()->has('image')) {
    $filename = Str::random(14).'.'.request()->image->getClientOriginalExtension();

    $image = Image::make(request()->image)->fit(500, 500, null, 'top-left')->encode();

    Storage::disk('public')->put("uploads/{$filename}", (string) $image);

    $post->update([
        'image' => "uploads/{$filename}"
    ]);
}

Class 'App\Http\Controllers\Str' not found @michaloravec by the way you are solid thanks so much for the help so far!!!

error points to $filename = Str::random(14).'.'.request()->image->getClientOriginalExtension()

use Illuminate\Support\Str;

Done. I got another error this time Class 'App\Http\Controllers\Storage' not found however I used use Illuminate\Support\Facades\Storage; which solved that (getting used to that)..

Everything is functioning fine but the image is still not being shown. Perhaps something in the form (show.blade.php) fie?

Again I still don't get anser what do you have here $post->image)?

Could you run?

dd($post->image);

@michaloravec sorry about that. I get null

So you don't have path saved in your column image that's the problem.

Could you again post your whole PostController?

I want to see what do you have it right now.

sure, updated original post

I change it a little bit

<?php

namespace App\Http\Controllers;

use App\Post;
use Illuminate\Support\Facades\Auth;
use Illuminate\Http\Request;
use Intervention\Image\Facades\Image;
use Illuminate\Support\Str;
use Illuminate\Support\Facades\Storage;
 

class PostController extends Controller
{
    public function __construct()
    {
        $this->middleware('auth');
    }

    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $posts = Post::all();

        return view('post.index', compact('posts'));
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        $post = new Post(); // What is this?

        return view('post.create', compact ('post'));
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */

    public function store(Request $request)
    {
        $request->validate([
            'title' => 'required',
            'body' => 'required',
        ]);

        $post = Post::create([
            'user_id' => Auth::id(),
            'title' => $request->title,
            'body' => $request->body
        ]);

        $this->storeImage($post);

        return redirect('/posts');
    }

    /**
     * Display the specified resource.
     *
     * @param  \App\Post  $post
     * @return \Illuminate\Http\Response
     */
    public function show(Post $post)
    {
        return view('post.show', compact('post'));
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  \App\Post  $post
     * @return \Illuminate\Http\Response
     */
    public function edit(Post $post)
    {
        return view('post.edit', compact('post'));
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \App\Post  $post
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, Post $post)
    {
        $this->validatedRequest();

        $post->update($request->except('image'));

        $this->storeImage($post);

        return redirect('/posts');
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  \App\Post  $post
     * @return \Illuminate\Http\Response
     */
    public function destroy(Post $post)
    {
        $post->delete();

        return redirect('/posts');
    }

    private function validatedRequest()
    {
        return request()->validate([
            'title' => 'required',
            'body' => 'required',
            'image' => 'sometimes|file|image|max:5000',
        ]);
    }
        
    private function storeImage($post)
    {
        if (request()->has('image')) {
            $filename = Str::random(14).'.'.request()->image->getClientOriginalExtension();
        
            $image = Image::make(request()->image)->fit(500, 500, null, 'top-left')->encode();
        
            Storage::disk('public')->put("uploads/{$filename}", (string) $image);
        
            $post->update([
                'image' => "uploads/{$filename}"
            ]);
        }
    }
}

Did you set fillable on your model?

https://laravel.com/docs/7.x/eloquent#mass-assignment

This could be reason why your image is null in database.

I used guarded.

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    protected $guarded = [];
}

No luck yet I've tried other variations of code but nothing seems to get the image to load.

This is what I am seeing https://ibb.co/dpZmGDV

I can see the image when I visit http://127.0.0.1:8000/storage/uploads/image_name.jpeg and when I connect to tableplus GUI it is being passed to the table???

And do you have uploads/image_name.jpeg saved in image column of some post?

Yes I do.

https://ibb.co/3rvDJ8c

So this should work

<img src="{{ asset("storage/{$post->image}") }}">

When you check source code, what do you see in src attribute?

I think this is it... I opened the broken image link in a separate tab

http://127.0.0.1:8000/posts/uploads/aFnj5O1jSpv3nb.jpeg -> not the right url

http://127.0.0.1:8000/storage/uploads/aFnj5O1jSpv3nb.jpeg -> this is the URL it should be fetching and the image is rendering fine.

So did you solve it right?

Yes, its solved! Thank you so much, this has been a great learning experience for me with your help!