How to access locally saved images front front end

Level 122

In Your API responses, you need to return complete URIs for the images, and store them in storage/app/public (with a symlink to public/storage) or store them directly in the public folder.

Level 104

Are the images publicly accessible on the server-side application; if so then all you need is to pass the full URL to the frontend application?

EDIT @snapey go there first 👍

Level 1

So what would the url look like for an img tag?

Thanks for replies.

Snapey

Level 122

@TheDeveloper

So what would the url look like for an img tag

You don't know what a URI looks like?

https://yourdomain.com/foldername/imagename.ext

Level 1

This is how the file_name (the image) is saved and comes back on the front end

file_path: "/private/var/folders/sf/16gz_7bs47s_kc24wx5437f00000gn/T/phpgvLoYS"

Level 104

@TheDeveloper looks like you are not saving the uploaded file correctly.

Level 1

@tykus Yeah I am missing something. I can view the images by going /storage/my-folder/image name

But I think I am storing them wrong because as above is what the image file_path comes out as. I need to the actual file name then I am guessing?

Level 104

@TheDeveloper show us how you are storing the uploaded file

Level 1

@tykus I actually have managed it but with some bodgery.

$path = $request->file('file_path')->store('public/league-pictures'); $league = new League; $league->name = $request->name; $league->description = $request->description; $league->file_path = $path; $league->save();

That's how I'm storing it, they have the file_path of public/league-pictures, I have to append it on the frontend, remove the public and swap it for storage and they load!