Uploaded Images in Hostinger shared hosting are not being displayed

I have a Laravel 11 app deployed to Hostinger shared webhosting. The images are not being displayed at all and are returning a 404. One of the links is https://viveaventuras.net/destination/san-juan-puerto-rico where the image returns a 404. in my config/filesystems.php, I've ensured that the root for my public disk, is pointing to the public_html in the shared hosting, like so

knached99's avatar
knached99's avatar jlrdwLaravel
1

create specific upload folder based on user role and limit access to other folder in laravel elfinder

In my CMS , I am using Zizaco/entrust/ as an ACL manager and laravel-elfinder as a file manager and uploader. Both work fine and do not have any problem. Now, I want to limit access of users that have Specified roles and Permissions to folders that elfinder manage them to upload or list files. Globally in elfinder configuration file, we can set The dir where to store the images

ahmadbadpey's avatar
ahmadbadpey's avatar fkindy01General
1

How correctly to import visao/ckeditor5-video plugin?

I use ckeditor 38 in Laravel 8 / jquery 3.6.0 app and I added https://github.com/Technologie-Visao/ckeditor5-video plugin(28.0.1) But I failed to add it into my app.js file, as when I added import Video : import Video from "@visao/ckeditor5-video/src/video.js"; const ClassicEditor = require('@ckeditor/ckeditor5-build-classic'); ClassicEditor .create(document.qu

mstdmstd's avatar
mstdmstd's avatar kmiiieJavaScript
3

Delete single item from public Livewire property

Hi guys, currently I ran into the following problem. Im Uploading multiple image files via Livewire. After the files have been uploaded, Im emitting / calling a script on the component side that stores the images and generates thumbnails. There is also one array that is filled with the Eloquent Models I get, after storing the images / files (each has its own entry in the images

Mikegk's avatar
Mikegk's avatar aleahyLivewire
1

Directory path

Ok, so i have a small problem. I use Filezilla to host my site, my images appear offline, but not online i try to show images from specific directory like \cv or \imagineprofil where they upload on site and on host https://imgur.com/a/vSKUg7J this is what i use to show image src="{{asset('/imagineprofil/'.$profileimage->image)}}"

PaulCatalin97's avatar
PaulCatalin97's avatar grenadecxLaravel
3

Error compiling assets

I'm trying to run "npm run dev" but get the following errors. It seen like it is trying to compile some images? Do I need to modify the relative paths to the background images in the sass files? If you want I can upload the whole code to git hub These relative modules were not found: ../img/PSlogo.png in ./node_modules/css-loader??ref--5-2!./node_modules/postcs

AdrianWix's avatar
AdrianWix's avatar AdrianWixMix
0

Read online book and subscribe

Hello everyone, i need to make a read book online function in laravel 5.6, then after one chapter restrict user to subscribe then read further, how can i do that Q 1. how to upload a pdf or word file or should i use images of book pages? Q 2. how to restrict user to read only one chapter before subscription? Q 3. how to make subscription?

irfi's avatar
irfi's avatar irfiLaravel
0

When i am adding enctype="multipart/form-data" to my form it is not add image file name in my database and i also want to upload avatar in storage

Actually its working when i am not using enctype="multipart/form-data" but when i add it database is not adding my filename to it here is the form code @csrf Full Name </div>

hamzajamshed152's avatar
hamzajamshed152's avatar hamzajamsh...Code Review
9

File upload test with pest v4

file-component.blade.php @props(['value' => null, 'label' => 'File', 'name'=>'file','size' => null,'class' => null]) <div class="{{$class}} mb-3 upload-section" x-data="{ droppingFile: false, previewUrl: null, fileType: null, selectedFile: null, init() { @if(isset($this) &&

theone's avatar
theone's avatar SayHeyTesting
3

how to display the image on edit in FileUpload?

On edit the image will display the old/stored image. This is working on the Filament v3 but on the v4 it's not working EditProduct page protected function mutateFormDataBeforeFill(array $data): array { $record = $this->getRecord(); /** * @var File $file * @var Product $record */ if ($file = $record->productImage) {

anonymouse703's avatar
anonymouse703's avatar anonymouse...Filament
1

Filament, Php Ini | Error while uploading an image (png 1.4mb)

I can't upload a 1.4MB PNG file using Spatie Media Library. Here’s my field definition: SpatieMediaLibraryFileUpload::make('thumbnail') ->collection('thumbnails') ->columnSpanFull() ->image() ->maxSize(5000) ->rules([ 'image', 'mimes:png,jpg,jpeg,webp', 'max:5000' ]) PHP config: upload_max_filesize = 5M pos

warpig's avatar
warpig's avatar warpigGeneral
2

Video Preview Not Updating After Upload in Livewire Component Despite URL Change

I'm working on a Laravel project using Livewire and am trying to update the video preview after uploading a new video file. The temporary URL of the video file changes correctly after upload, but the video in the element does not update even though the URL reflects the new file. Here’s my Livewire component and Blade template: Livewire Component <?php namespace App\Livewir

sameed_editz's avatar
sameed_editz's avatar sameed_edi...Livewire
2

the upload path does not appear to be valid tinymce

Can anyone help, how do I determine the storage location for my images that I uploaded from tinymce, because I experienced the error "the upload path does not appear to be valid" here is my tinymce script code <script src="{{ asset('plugins/tinymce-4.6.1/tinymce.min.js') }}"></script> <script> tinymce.init({ schema: "ht

semicolon24's avatar
semicolon24's avatar semicolon2...Laravel
5

How can I set the width of an Uploaded CKEDITOR image to 100%?

I have CKEditor5 installed as my HTML editor inside my Laravel 9 project. The way I have the code now, when the image is uploaded, the original is left alone and is set as default. In addition, two new images are created. One is a thumbnail. The other is a preview (800 pixels wide). When the image is brought into the editor, the image is set to width=”800”. I need to chan

phayes0289's avatar
phayes0289's avatar LaryAIJavaScript
1

FilePond Image Transform only saves one of the thumbnail sizes

Filepond is only saving the "thumbnail_small" version of the uploaded image but not the thumbnail_medium version. Script on form page: <script> document.addEventListener('DOMContentLoaded', function() { var urlpath = window.location.pathname; var uploadrequestid = window.location.pathname; var uploadurl = ("/upload/" + u

WallyJ's avatar
WallyJ's avatar WallyJLaravel
0

Inertia Form with Upload

I was working in a social platform where I was to update my post with body and picture fields. But problem arise when I choose picture and then if I, submit, I got stuck with validation error showing The body field is required even if the value exists. Point is inertia useForm is picking all the values. But why I cannot tackle the validation error? here is my PostController cla

kmnurunnabi's avatar
kmnurunnabi's avatar freeaswindInertia
5

Image Intervention Updating

Am using image intervention to resize files the code is working well on localhost but once I upload the files online am get gd errors

Toshloso's avatar
Toshloso's avatar ToshlosoDesign
2

Why attaching thumbnail image with dawson/youtube plugin I got permissions error?

On laravel site using dawson/youtube plugin I got error : Error calling PUT https://www.googleapis.com/upload/youtube /v3/thumbnails/set?videoId=cUubd0Ujwd4&uploadType=resumable&upload_id=ADPycdtm_VVPJSuqibB9mkCE7bYHlvq5DiZ294uzUHqCUGTe EktrL3y9ApgrQXguJGdCYSkzPBKZ4QH8wiwhi81M0QInAewRNHVL: (403) The authenticated user doesn't have permissions to upload

PetroGromovo's avatar
PetroGromovo's avatar PetroGromo...Laravel
0

How to download the from external link and save the downloaded image into storage ?

I have problem in downloading the image and rename it to save in the storage link. The scenario now is our client want to upload the data from excel file which contains outside url link of the image and he want to download the image into the local folder (which I want to save at the storage) and rename the image into random string. This is my current code but not working just a

anonymouse703's avatar
anonymouse703's avatar anonymouse...Livewire
7

How to convert url into UploadedFile class for upload ?

On laravel site I make some actions from console command with image uploaded as parameter of some class, defined with UploadedFile class. I need to upload some file from /public/init sudirectory and I have url to this file, but how can I send it as request with UploadedFile class ? "laravel/framework": "^9.19", Thanks in advance!

PetroGromovo's avatar
PetroGromovo's avatar martinbeanLaravel
3

Livewire - preview filenames before upload

I am just giving livewire a try for my next project but I am stuggling a bit with finding a solution for this. I have page for uploading files.. Any file, so no image preview is needed. But I would like to show the file, and allow the user to delete it if they regret adding it. So multi-file upload with drag-and-drop or click to select. I know I can use something like dropzone

Sinnbeck's avatar
Sinnbeck's avatar OussamaMat...Livewire
8

Livewire file upload is not working

Ok so I am trying to get a livewire file upload to work. I expect to select the file and click the the upload button when it is then uploaded into storage. However as soon as i select the file it says File failed to upload and when i click the upload button it says upload field is required. Looking on the internet I found nothing that has worked (removing FILESYSTEM_DISK= from

CraigStanfield's avatar
CraigStanfield's avatar Creator1ALivewire
10

InertiaJs file Upload error!

I am using the useForm() helper function for forms. While using the documented code for file upload I am unable to preserve the state while selecting an image and the page crashed with the following error in console: Uncaught DOMException: An attempt was made to use an object that is not, or is no longer, usable The code is given below and is same as the inertia docs: import {

dhrubanka's avatar
dhrubanka's avatar nichtkunstInertia
3

Crop Image

This is a question about best approach. Quick overview is user uploads image, now the site has an online editor so the uploaded image is the source and remains untouched. User uses the editor to select a part of the image, applies filters, rotate flip.... and so on, those details get sent to laravel and creates an image from the source. And there is no preview on the upload fun

movepixels's avatar
movepixels's avatar SnapeyLaravel
7

Store Image in s3 using Intervention Image package in to Laravel 8

I successfully install the Intervention Image , I test it, it worked fine, but when I try to upload in s3 then it through an error which is Symfony\Component\HttpFoundation\File\Exception\FileNotFoundException Here is my controller code <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Models\Data; use Storage; use Image; class DataController extend

aGreenCoder's avatar
aGreenCoder's avatar mhrejaLaravel
1

Image validation by path

I'm very new to Laravel, using Laravel with Inertia, React. I'm trying to make something like Livewire's temporary upload system, What I'm currently doing is, I have a specific route to store user's uploaded image to a temporary directory. then send the temporary image path to the front-end. Now when the user submits the form, I'm sending the temporary image path to the contro

Aniket_IN's avatar
Aniket_IN's avatar NakovRequests
3

Livewire file upload changes the file name in the database

I am using Livewire to handle my file uploads, but I have it set up to leave the file name as the original that the client will be using. However, when the file is saved into the Database it always adds the word product/ to the beginning of the name but the actual file that is loaded into the folder is just the file name so the image does not render on the frontend. Here is my

nscott's avatar
nscott's avatar nscottLivewire
5

.png file not passing validation rule 'image' and 'mimes:jpg,png,jpeg,gif,svg'

I initially put an image rule, but my .png file wouldn't pass, I then tried the mimes:jpg,png,jpeg,gif,svg but it still won't work. It still keeps displaying "Image must be image" or "Image must be jpg,png,jpeg,gif,svg" EDIT: I tried dd(request()->file('image')->getClientOriginalExtension()); on the file and it returns "Call to a member function g

ellajhonm's avatar
ellajhonm's avatar ellajhonmLaravel
1

Image uploads, delete old, store and display new

For the sake of code cleanliness im deleting some lines that don't directly associate with the topic. I want to update an image but i also don't want to keep the old file whenever it's done updating,. So when it comes to the image on the Controller, all required parameteres were removed, from the front-end and validation, maybe I will introduce a static picture later on, but th

warpig's avatar
warpig's avatar warpigLaravel
4

livewire unable to upload avatar

i have been checking the docs still not getting why its not working when i clicked on save nothing is happenning when i check database no image is been uploaded , what i am trying to do is for admin to able to update or upload avatar for users <?php namespace App\Http\Livewire; use App\Models\User; use Livewire\Component; use Livewire\WithFileUploads; use Livewire\WithPagi

Kikismedia's avatar
Kikismedia's avatar KikismediaLivewire
6

Image upload/delete without DB

Hi everyone, please bear with me on this one: I have a hero image on my laravel site and I want to be able to update that through front-end. I'm basically storing the image in Storage and deleting the previous one, by either overriding it or removing it. This works perfectly in development but the problems is in production(after deployment). The logic works but because the file

mtdesigners's avatar
mtdesigners's avatar SnapeyLaravel
2

Laravel image validataion condition in case of update help needed

$rules = [ 'label' => 'required|string|max:255|unique:settings,label,'.$setting->id, 'type' => 'required|in:text,file', 'setting_value' => 'required_if:type,in:text', 'file_upload' => 'required_if:type,file|image|mimes:jpeg,png,jpg,svg|max:2048' ]; My basic validataion rule is something like above. In form I have se

ssquare's avatar
ssquare's avatar ssquareLaravel
0

Image retrieving

Hi developers, I can upload the files into storage folder without any issue in lumen but when I try to retrieve it I am getting an error message saying The requested resource /storage/profile_images/1629284722_1.jpg was not found on this server. profile = $request->file('profile'); //Get file name with extension $filen_name_with_ext = $profile->getClientOriginalName();

mshafnas's avatar
mshafnas's avatar mshafnasLumen
3

Laravel pdf upload error

when i upload a pdf file which is 147KB of size it does not upload and it gives me this error The file must be a file of type: pdf. but when i upload a pdf file which is 505KB in size it works perfectly. My controller public function store(Request $request) { $this->validate($request,[ 'title' => 'required|unique:resources,title', 'categori

Alewa's avatar
Alewa's avatar AlewaLaravel
2

Save an image from a URL to S3

I have an application deployed on Vapor that needs to copy large numbers of images from a publically accessible S3 bucket to another under my own account. I'm getting the image URLs via API calls. It seems like this should be pretty easy to do but I don't see anything like Storage::put($filename, $url). Is there an easy way to do this or do I need to read the contents of the fi

nolannordlund's avatar
nolannordlund's avatar nolannordl...Vapor
12

Upload 🆙Image

Hello friends. I want to build a simple upload. First I create a request file. There I define the rules. public function rules() { return [ 'title' => 'required', 'link' => 'required', 'image' => 'required', ]; } Now the controller... public function store(StorePlatformRequest $request) { Platf

Konstruktionsplan's avatar
Konstruktionsplan's avatar Konstrukti...Laravel
9

Laravel upload file via FilePond

Hello I am trying upload file via FilePond gives this error https://i.ibb.co/MG79fx2/23d.png <input id="photos" name="image" type="file"> <script> const inputElement = document.querySelector('input[id="photos"]'); const pond = FilePond.create( inputElement ); FilePond.setOptions({ server:{ url: '/uploads', headers:

Laracast13's avatar
Laracast13's avatar SnapeyLaravel
4

How to reattach an image to refs from a URL?

Hello, I have an upload field in vue where I submit a form with a picture attached. But in some cases I may want to duplicate this record, meaning that all the fields are copied to a new form as well as the image attached to this record. How can I reattach a file window.location.protocol + '//' + window.location.hostname + '/storage/images/image-gallery/' + imageUrl; to this.$r

LaraBABA's avatar
LaraBABA's avatar LaraBABAVue
0

How to repopulate image field using the old() value helper?

Hi friends, I have a form with a logo upload field. When validation fails, I can repopulate all the fields with the old() method, except for the image. How can I do this in Laravel? without using any JS validation. please help me if you know how to do this. I read somewhere that I can let the form process the image and then retrieve the same image from the db or from the sessio

dipherent's avatar
dipherent's avatar guybrush_t...Laravel
3

How do you display an image stored in the storage directory??

I recently began using livewire and can't seem to get it to save to the public_path /upload directory so I can formulate an link to display and image. DetailImageUpload.php <?php namespace App\Http\Livewire; use Livewire\Component; use Livewire\WithFileUploads; use App\Models\estimate\Detail; class DetailImageUpload extends Component { use WithFileUploads; public

fbc's avatar
fbc's avatar jlrdwLaravel
1

How do I set S3 public access on a file upload using Nova

I'm creating a MediaAsset model so that users of the Nova admin can attach images, 3d assets, pdfs, and whatever else they would like to a Product model. I have my application set up so that Nova can upload to S3 and that works fine. What I can't figure out how to do is make sure that once the file is uploaded to S3 I need to set access to the file to the public so my Single Pa

m615's avatar
m615's avatar m615Nova
5

Spatie media library - hide origin image

Laravel media library is an amazing package (https://spatie.be/docs/laravel-medialibrary/v9/introduction). However... By default, files are uploaded to the "storage / app / public / media" location. Each photo has its own directory (1,2, etc.) and the image conversion files are located in the conversions subdirectory. No matter how I look, I can't find a way anywhere

inyansuta's avatar
inyansuta's avatar inyansutaRequests
2

vapor error no more than 300 files upload...

I was wondering , I am deploying with laravel vapor , but got this error that I cant upload more than 300 files to aws labda, I read and I understand that there should just be the must small amount of code,.... but where should place this folder callerd IMG? because I always go into public/img/ all the content of image files go there So now I am lost, no idea where I should put

Daniel-Pablo's avatar
Daniel-Pablo's avatar santinoVapor
2

Driver [] is not supported. when i upload a pic

hello when i upload a pic, i cant see the pic, but if i go the ulr of image , i can see the next fail: InvalidArgumentException Driver [] is not supported.

luishgc93's avatar
luishgc93's avatar ismaileLaravel
2

Laravel 7 - The image object from S3 is fetched but cannot be displayed

Added more information based on L7 docs at the bottom. I am successfully able to upload the file to S3 and get the object URI. However when the URI is put in the image tag, it shows a broken image. I can print the raw URI in my view as well as using dd. The $logoname below is pulled from a database query. $logoname = $company->logo; $destinationPath = &quo

singh's avatar
singh's avatar singhLaravel
3

How to use css with upload ajax method

Hi, i have an ajax mehtod to upload a photo in laravel, its working well but i can't position the margin, it tried to make it inside the img attr but its pre-filed with a cropped image before uploading a photo ! <div class="col-lg-4"> <div class="form-group">

Zoul's avatar
Zoul's avatar zoolJavaScript
10

Thumbnail must be an image: ajax

Hi there , I trying to autosave my project form with ajax/jquery but i have this error in console responseText: "{"message":"The given data was invalid.","errors":{"thumbnail":["The thumbnail must be an image.","The thumbnail must be a file of type: jpg, jpeg, png."]}}" my image is in jpg or png or jpeg when

BrownieCoffee's avatar
BrownieCoffee's avatar BrownieCof...JavaScript
3

Retrieving uploaded image files in Laravel

I am working on a laravel 6.x api application. I want users to be able to upload a profile and when successful, get back the path to the image which can then be displayed on the frontend. So this is how I have set it up First I edited the public driver configuration in config/filesystems.php like this 'public' => [ 'driver' => 'local', 'root' =>

elo's avatar
elo's avatar eloCode Review
3

Multiple file upload validation

Hi guys, I struggle with validation of my multiple file upload fields. I have a form: <form action="{{ route('entry-form-submit') }}" method="post" enctype="multipart/form-data"> <input class="fileUpload @error('image.0') is-invalid @enderror" name="image[]" type="file" value="{{ old('image.0') }}"&

kingarthur86's avatar
kingarthur86's avatar kingarthur...Laravel
4

502 bad gateway error in laravel image uploading

am using 'intervention/image; package for image uploading.I am getting 502 bad gateway error while trying to upload large file like 10 mb jpeg.It is hosted in AWS apache server

sbkkoovery's avatar
sbkkoovery's avatar drewdanLaravel
1