File Upload with Vue & Laravel

Hello All, I am building a photo uploader with Vue and Laravel. I seem to have run into a problem I can't figure out. Laravel 5.3 and Vue 1.0+. Here's the current workflow. User clicks the button that simulates a "click" action on a hidden form input for file The input file has a v-on:change to call a function to pass the file to my photo component The Photo componen

BENderIsGr8te's avatar
BENderIsGr8te's avatar nandorduda...General
1

Can not upload video with file mp4 (Laravel 5.1.*)

Hi all. I want to upload video and i tried upload with file mp4 but its not work. I was dump request but dont see everything. I tried with file image and it will working. Pls help me.

thanhnguyen's avatar
thanhnguyen's avatar bobbybouwm...Laravel
1

accessing image localy works but not on production server

I deployed an app to heroku. I upload some images and they are placed in public folder. When I try to directly access the image like this: http://frozen-fortress-97791.herokuapp.com/TdueJ2s.jpg I get Sorry, the page you are looking for could not be found. 1/1 NotFoundHttpException in RouteCollection.php line 161: When I do the same on localhost like this http://images.dev/5VFjZ

nikocraft's avatar
nikocraft's avatar maxnbLaravel
4

Can not write image

I have done the project in laravel 5.2 which works perfectly on localmachine but when i upload the project on server it gives me following error NotWriteableException in Image.php Line 143 can't write image data to path(/home/cygnusnepal/cygnus/public/images/clients/clints.jpg).

Dipendra's avatar
Dipendra's avatar simondavie...Laravel
2

Get file (image) controller not working

I'm learning to upload / manage files with Laravel and I used this tutorial : https://www.codetutorial.io/laravel-5-file-upload-storage-download/ I can upload file and display the name of the files but I can't display the images. The console doesn't return any error. I tried to use Storage::disk('public') instead of Storage::disk('local') and I had the same problem (I also move

alexg's avatar
alexg's avatar alexgCode Review
0

L5.2 + Intervention Image. Updating image.

Hi, L5.2 + Intervention Image. Updating image. I'm having problems when UPDATING the photo. When I create a new record the photo gets uploaded with the generated name and extension. Also, the correct name and extension get saved on my DB. When I "edit" the record the new photo doesn't upload and on the DB the existing file name changes to the name of the new photo I t

Ticked's avatar
Ticked's avatar TickedLaravel
1

UIKit Upload on form

I'm using UIKit with a project I'm working on and I was wanting to use the uploader that ships with it. I've also thought about Dropzone.js, so if anyone can help me with either would be great. I have a form created that has 5 fields (title, status, approved, details, images). The only field that has the upload assigned to it is my images field. I want the user to fill out th

twg_'s avatar
twg_'s avatar twg_Laravel
7

Form Model Binding and File upload

Hello, I'm trying to upload file with form model binding in laravel 5.2. But it is not working I'm not getting file data in controller. {!! Form::model($settings, ['route' => ['admin.settings.update', $settings->id], 'class' => 'form-horizontal', 'role' => 'form', 'method' => 'PATCH', 'fiels' => true , 'id' => 'edit-settings']) !!} <div class=

viralsolani's avatar
viralsolani's avatar viralsolan...Laravel
1

image manager with uploader for laravel 5.2

hello, i am searching for image manager that i can see like file manager if its not available than i can upload from that package please suggest me best package for my laravel thank u

iMsIdZz's avatar
iMsIdZz's avatar biishmarLaravel
4

Error with file upload (ERR_CONNECTION_RESET)

My application accesses two firebird db: one for data and one for files. When do I upload a file, it is written correctly on the bench, but the page is slow to load and then displays the error.I have done using Ajax and noticed that the file is written two times in the db. The first shows no mistake; in the second case the error. The strange thing is that I do not have any loop

alexcrvg's avatar
alexcrvg's avatar alexcrvgRequests
0

How to upload multiple images with DropzoneJS

I don't really understand properly the concept behind uploading multiple files with preview. I checked DropzoneJS and it looks nice and I feel I can do a lot of stuff with it. I have this example: I have a user (id: 801) that creates a new post (id: TBD since the post is not yet created). I have a table image_post which holds the images of the specific post, and an image table

cristian9509's avatar
cristian9509's avatar cristian95...General
5

Image intervention cant write image data to path

I have configured dropzone to upload files which works great. I am now trying to use a combination of Jcrop and Image Intervention. public function resize_image(Request $request,$id) { $img = ImageModel::where('id', $id)->firstOrFail(); $imgHolder = Image::make(asset('images/full_size/'.$img->filename.'.jpg')); $imgHolder->crop(ceil($reques

Filth's avatar
Filth's avatar PhilwnLaravel
2

Image resize by URL

Hello, I have a laravel app that allow the user to upload images. Images are stored in the public directory. Something like this: www.domain.com/storage/4/properties/41117/1289c67b34c151de66538022168d0895ab534456.jpg www.domain.com/storage/2/properties/41327/1289c63b34c151de66538022168d0895ab534456.jpg Is there a way to allow resizing the image by adding something like this to

khaled-elmahdi's avatar
khaled-elmahdi's avatar ohffsLaravel
11

Dropzone js + File Upload File Order

Hi, Im developing a project with Dropzone file upload, i want to pass the order of dropone file into data base , how i can save the order/position of the file in database $file = Input::file('file'); $campaign = Campaign::getCampaign($id); $uploadPath = 'uploads/stores/'.$campaign->store->id.'/'.$id.'/'; $destinationPath = '/upload

Bribin's avatar
Bribin's avatar jekinneyGeneral
2

File upload works, but still gives an error

Hi guys, I'm having a weird situation here, using the Storage::put command i successfully upload files to my project. When i check the directory with my FTP client, the mail files are actually uploaded and seem to work fine, however, the uploading script still gives me errors when generation the thumbnails saying: NotWritableException in Image.php line 138: Can't write image da

Qlic's avatar
Qlic's avatar QlicLaravel
1

how to deal with upload input with VueJs ?

hello iam trying to upload file and post the request to my controller but the response give me that image field required and when i try to debug its show that the image input was empty !! <input type="file" name="image" id="image" class="form-control" v-model="newInput.image"> in my js the data newInput: { name: '', imag

TheBlueDragon's avatar
TheBlueDragon's avatar pnkjSutharVue
19

Can't write image data to path

hey guys am trying to upload images to public/img/products. and i get this error Can't write image data to path so i changes the whole project to read/write(777.) but i still get that error when uploading. Any lifesaver to help me out

smagafu's avatar
smagafu's avatar bobbybouwm...Code Review
1

Redactor upload and token

In L4 I was using Imperavi Redactor and it was simple to setup, and easy to use. With L5 I have big troubles setting the upload part of Redactor, mainly because of token verification. Below is the JS init part of Redactor and with 'imageUpload' I was able to get rid of the Token mismatch error. <script type="text/javascript"> $(function () {

zlatiborac's avatar
zlatiborac's avatar AkarM13General
3

How to show few content about image

Hey I try to make where user can upload images and I want show that images in pagination and every image have content(may be long) but I want show some content and link it to a page only about this image where it have comment long content and many more like in laracasts website ? thanks

vipin93's avatar
vipin93's avatar RufflesRequests
8

Upload Images with FileSystem L5

Hi guys, I'm trying to manage the upload of picture with flilesystem. As Example to see how it works I made a single form that post to this method: public function upload(Request $request, Filesystem $filesystem) { $image = $request->file('image'); $filesystem->put('local/test.jpg',$image); } The file is successfully created but it's not possible open i

fenos's avatar
fenos's avatar fenosGeneral
4

Dropzone - on click upload!¸

Hi, sorry for this thread is not completelly for Laravel. I have one question. I am building project management site for my company. I have a view for adding a new task, that task can have many attachments. I have form fields like: Task name, task description, project, category...and I would like to add another field (div) for dropzone. Ok, I have done that. I dont know Jav

flashman's avatar
flashman's avatar gustiGeneral
20

Laravel Media Library — How to attach the same uploaded file to multiple models?

Hello, I’ve been working with the Spatie Laravel Media Library package and ran into a common problem when trying to attach the same uploaded file to multiple models (for example, both a Course and a Product model). When I do something like this: foreach ($images as $image) { $course->addMedia($image)->toMediaCollection('images'); $product->addMedia($image)->

tuncdogu55's avatar
tuncdogu55's avatar tuncdogu55Code Review
1

Programmatically remove white background from photos and convert them to png ?

Hello, I need to upload some photo to a Laravel application. Is there any way to remove programmtically the white background around the subject in the center of the image ? Any way to do that with intervention/image ? Or perhaps you know another tool or an API ? Thanks for your help. V

vincent15000's avatar
vincent15000's avatar jxczlcxvGeneral
7

How to serve app over https in GitHub Actions?

Hi all, I'm in the process of developing a CI/CD pipeline for an app, and I'm running into an SSL-related issue when executing my browser tests. I'm wanting to test the integration with Square Payments. This is working perfectly on local, since I'm serving the local site over SSL and therefore the Square Payments SDK allows rendering of the card payment form. However, when runn

evan-55's avatar
evan-55's avatar evan-55DevOps
0

Filament 3 - One Form Two FileUpload not working

Hello, I created a form using Filament version 3, where I want to use two file upload components, but unfortunately, it doesn’t work as expected. The goal is to create two separate folders ('property/' . $get('property_code') . '/images' and 'property/' . $get('property_code') . '/plans'), but this setup doesn’t work. The images folder is correctly created inside the property_c

Fzoltan87's avatar
Fzoltan87's avatar Fzoltan87Filament
0

Client-side caching large images that are fetched via API

I'm working on an app that allows users to upload images, and I use Google Drive for storing them. Since I'm not compressing these images (up to 5mb per image allowed) it can take a long time to show on the page, so I decided to load these images once and keep them cached on the client side. I used the following code for it : public function display(Pic $pic) { auth

motinska94's avatar
motinska94's avatar martinbeanLaravel
7

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

Custom validation message not showing

I'm working on a form which allows multiple file uploads. Everything is working correctly, however when the file is too large I see the default Laravel validation message instead of the custom message. #[Validate([ 'photos' => 'required', 'photos.*' => 'mimes:jpg,png,gif|max:12288', ], message:[ 'photos.*.mimes' => 'You can only upload JPGs, PNGs, a

timgavin's avatar
timgavin's avatar timgavinLivewire
7

Problem uploading images with Dropzone

bookRoute router.post('/upload', authMiddleware.authenticateUser, upload.single('image'), bookController.uploadFile); router .route('/uploader') .get(authMiddleware.authenticateUser, bookController.getBooksByUploader); bookController const uploadFile = async (req, res) => { try { if (!req.file) { return res.status(400).json({ error: 'No file uploade

Agabala's avatar
Agabala's avatar AgabalaVue
0

InfinityFree Hosting Issue: InvalidArgumentException view not found

Website URL: littlesmartdaycare infinityfreeapp com I am currently hosting my website on IF(infinityfree) subdomain. This is the error I am running into. I googled and asked ChatGPT, all suggested that my controller is unable to locate my blade view, index.blade.php. However, I tested in my local environment and it ran successfully, then I uploaded my folder as is to IF fileman

LunarDerrick's avatar
LunarDerrick's avatar LunarDerri...Code Review
3

Api refresh token not getting refresh . please check code

My google login code public function googleLogin(Request $request) { if (Auth::check()) { return redirect('/dashboard'); } $google_oauthV2 = new \Google_Service_Oauth2($this->gClient); if ($request->get('code')){ $this->gClient->authenticate($request->get('code')); $request->session()->put('token', $this->

kamrannazir901's avatar
kamrannazir901's avatar kamrannazi...Laravel
0

Preventing "Unable to retrieve the file_size for file at location livewire-tmp/imagename.jpg"

Hello, this has been a problem of mine for the past 3 months. If some field in a validation test case fails, the upload file does this even though the preview exists. Is there a way to prevent this? I am using public file storage and storage:link is existing. I have also tried unsetting/resetting the input file but still fails FileUpload::make('supporting_documents') ->l

iamlux20's avatar
iamlux20's avatar DiscipleFilament
9

[Vue] Spatie Media Library Pro working locally, 422 error on the server

As the title says, the Media Library Pro <MediaLibraryAttachment /> Vue component is misbehaving when used online, while working perfectly fine locally. And before anything else, yes, I religiously followed the setup instructions. To top everything off, I built a factory that makes use of Media Library, by attaching media to new Category models during seeding, and everyt

DanielRønfeldt's avatar
DanielRønfeldt's avatar DanielRønf...Inertia
3

Help with spatie media library

Hey, I am trying to upload a file to my S3 bucket. But whenever I use the toMediaCollection function, the request loads for a very long time and aborts at some point without error. I have tried all debug possibilities and just get no error. But the S3 is configured correctly and the user has full access. public function store(StoreTemporaryUploadRequest $request) { $user =

NIFO's avatar
NIFO's avatar NIFOLaravel
0

Laravel validation messages are different in Inertia/Vue component.

Hi, I am trying to upload a file using the Inertia form helper and Vue. But when the file validations fail the only error message I see is "The image failed to upload.", whereas in blade you get the proper error message if the type is wrong or the size is too big. Is there a different message bag for Inertia or this is just the way it handled? My Controller: $request-

mtdesigners's avatar
mtdesigners's avatar gychInertia
1

The site appears without formatting

When you upload a Laravel project to the hosting, the site appears without any formatting, as shown in the image below https://drive.google.com/file/d/1ibR-4MffRWTuxv2qd-vA-ydSD3dWXVpf/view?usp=sharing

moh120's avatar
moh120's avatar SnapeyLaravel
9

ternary operator between Storage::url('path/to/image') and asset('path/to/image')

sometimes i insert data through the seeder or organically (clicking upload button) i want to place a ternary operator depending on the occasion. the lines below work, but is there a cleaner way? @if (Storage::disk('public')->exists($post->image)) <img src="{{ Storage::url($post->image) }}"/> @else <img src="{{ asset($post->image)

warpig's avatar
warpig's avatar gychLaravel
2

Factories with array data as a value in Laravel 11

Hey I am trying to make a factory of a list of projects (model: Project) so I can seed during the migration of my DB. One of the fields is a "gallery" field with a list of images in it for each project. I am trying to set an array as a default value with a dummy image to work with. The issue It seems like I can't upload a list/array as a default value for this factory

Basile404's avatar
Basile404's avatar LaryAILaravel
1

ERROR Failed to submit verification: [Error: Failed to submit verification: Request failed with status code 400]

hooks: import AsyncStorage from "@react-native-async-storage/async-storage"; import axiosInstance, { getJWTHeader } from "../../../../../../utils/axiosConfig"; import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useNavigation } from "@react-navigation/native"; async function verifyUser(userToVerify) { try {

noirtempest's avatar
noirtempest's avatar noirtempes...React
0

Help Livewire & nginx cache

Hello forum folks, I have an issue with Livewire and Nginx (more precisely with Nginx's cache). I recently created a form to allow users to upload and crop their profile picture. This form uses Livewire's temporary route to display the image and then crops it using Cropper.js. The problem arises when I activate Nginx's cache; it doesn't display the temporary image (showing erro

Mav23Sa's avatar
Mav23Sa's avatar Mav23SaLivewire
0

Docker laravel sail with php 8.3 mssql running on Mac M1

Ok so here is the goal, use laravel sail with PHP 8.3, but I need to connect to an external mssql server, thus I need mssql drivers. Here are the instructions on how to install the drivers: https://learn.microsoft.com/en-us/sql/connect/php/installation-tutorial-linux-mac?view=sql-server-ver16#installing-on-ubuntu However, I keep running into errors when trying to build the imag

onecollectiveDev's avatar
onecollectiveDev's avatar onecollect...Laravel
1

SpatieMedialibrary - for filament not uploading

So i suspect that I have something configured improperly, but I dont have a clue what is missing. Between FILAMENT_FILESYSTEM_DISK and the spatie default config 'disk_name' => env('MEDIA_DISK', 'public'), /* * The maximum file size of an item in bytes. * Adding a larger file will result in an exception. */ 'max_file

jcc5018's avatar
jcc5018's avatar jcc5018Filament
2

public/storage path is not readable from blade view

I have a filament 3.x application which allows the users to upload images of various products. I'm using a public filesystem driver like this: 'public' => [ 'driver' => 'local', 'root' => storage_path('app/public'), 'url' => env('APP_URL').'/storage', 'visibility' => 'public', 'throw' => false,

peterhrobar's avatar
peterhrobar's avatar peterhroba...Filament
3

Laravel 10 breeze profile picture update

<?php use App\Models\User; use App\Providers\RouteServiceProvider; use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Session; use Illuminate\Validation\Rule; use Livewire\Volt\Component; use Illuminate\Http\Request; new class extends Component { public string $name = ''; public string $image = ''; public string $email = ''; /** * Mo

webfuelcode's avatar
webfuelcode's avatar webfuelcod...Laravel
1

Dusk Tests not working in GitHub Actions (timeout: Timed out receiving message from renderer: 10.000)

Hi everyone, I have the following GitHub Action: name: "🔮 Frontend Tests" on: workflow_call: jobs: frontend_tests: name: "🔮 Frontend Tests" runs-on: "ubuntu-latest" env: APP_URL: "http://127.0.0.1:8000" SESSION_DOMAIN: "127.0.0.1" DB_CONNECTION: "pgsql" DB_DATABASE: "tst&q

fabianpnke's avatar
fabianpnke's avatar cedrictwil...Testing
1

Livewire 3 - temporary_file_upload configuration not working

I'm trying to build an image uploader in Livewire 3 using these instructions - https://livewire.laravel.com/docs/uploads I've edited the config/livewire.php file to change the location where the temporary file upload is saved and I've also added some validation rules as follows - 'temporary_file_upload' => [ 'disk' => 's3', // Example: 'local', 's3'

michaelkeegan's avatar
michaelkeegan's avatar MouteeLivewire
3

How to fix 403 Forbidden error after deploying Laravel app to Azure App Service?

I have a simple Laravel app in Azure DevOps. Below is my yml file for the CI logic and I can successfully create a release and deploy it to an Azure App Service. However, when I load the url I get a 403 Forbidden error. If more info is needed please let me know. Thanks. trigger: - main variables: # Agent VM image name vmImageName: 'ubuntu-latest' # Root folder under whic

Alphy Gacheru's avatar
Alphy Gacheru's avatar Alphy Gach...DevOps
0

Livewire 3 + FilePond Uploads: Large Files Failing

I am using Livewire 3 and FilePond on a project for a video production company. Their clients will be uploading very large files (up to 10GB). Things go as planned until the file size reaches about 100MB then the process fails. The FilePond upload indicator just spins and the file is never processed. Using Forge, I have increased the Max File Upload Size to 10000 (10GB) and hav

mikefolsom's avatar
mikefolsom's avatar malzarieyLivewire
4

Multipart request with Pool

Hi, I'm trying to do a function to load images into cloudinary in Laravel 8. As the SDK doesn't allow to batch upload, I thought I should give a try to concurrent requests using Http::pool(). I can send the requests sinchronously, appending images, generating signature, etc, etc. The problem arises when I start using Pool, that I get the same response 3 times (because I send 3

zixther's avatar
zixther's avatar Tray2Laravel
1

Best strategy for hosting assets

Hello. I'm currently managing an ecommerce store built on Laravel featuring thousands of products. When adding a product, we store the image, create multiple sizes, watermark them and host them all in DigitalOcean Spaces. This causes massive headaches with maintainability, for example if we want to add a new image size or a watermark. Is there a better way, from a maintenance p

kinggs's avatar
kinggs's avatar martinbeanDevOps
3