Vue.js file upload

Hi, I'm trying to upload a file with vue.js 1.0 like this: <template> <div> <form class="NewMessage__core" @submit.prevent="store" role="form" enctype="multipart/form-data"> <input type="text" name="name" class="Form-group-item"

Lars-Janssen's avatar
Lars-Janssen's avatar eddieaceVue
8

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

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

Dropzone js: save title along with image name in database

I have used dropzone js to upload multiple files and its working fine.But i want to add one input fields named "title" of image but i don't khow how to do this i hope you guys will help me controller: <?php namespace App\Http\Controllers; use App\Http\Controllers\Controller; use Input; use Validator; use Request; use Response; use App\Image; class DropzoneCont

david001's avatar
david001's avatar rduranLaravel
4

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

Some help with Cloudinary upload through Laravel

I've been trying to get the cloudinary upload to work. Using the sample from the php cloudinary library, it works fine as stand alone and uploads without a problem. It's when I move the code into an existing Laravel app I run into a problem. Namely I get this error in the console: XMLHttpRequest cannot load https://api.cloudinary.com/v1_1/mycloudinaryname/auto/upload. The reque

diaglyph's avatar
diaglyph's avatar ichuprovGeneral
1

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

S3 vs local server storage with image uploading

OK, so I am creating an application where users can upload a personal avatar instead of using Gravatar. I am unsure on how to manage the filesystem - where to store these images. I was going to create a users folder on them successfully signing up to the site, the folder will be named after their username which is unique. I would then store the users images in their folder and

lara30453's avatar
lara30453's avatar itzikbenhServers
3

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

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

Resize uploading image

Please i have this in my controller. $file = Input::file("image"); $file->move('uploads', $file->getClientOriginalName()); $image_Url = asset('uploads/'.$File->getClientOriginalName()); Buh anytime am uploading an image with a particular size i get an error saying the size is too much to upload. Can anyone help me to resize it when uploading?

nanadjei2's avatar
nanadjei2's avatar sid405Laravel
17

Photo upload with polymorphic relations

Hi,I have simply 3 models: Photo,User,Place, a user and a place can have photos. I have created polymorphic relations and all tables and models, etc. Right now I wanna upload a photo,but here's the problem: Should I create 2 routes for two kinds of uploading image or can I get done with just one I mean: route::get('place/{placeid}/addphoto',PlacesController@addPhoto') //for Pla

Mithridates's avatar
Mithridates's avatar RufflesGeneral
3

upload directly to s3

Hello, I am working with an already established code. The image handler uploads the files to a folder in the public uploads directory. see the code below. // Lets get all these Arguments and assign them! $image = $args['image']; $folder = $args['folder']; $filename = $args['filename']; $type = $args['type']; // Hey if the folder we want to put them in

Man's avatar
Man's avatar rsandsCode Review
10

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

Multipart file upload to S3

Hey guys! I'm trying to do a multipart file upload to an S3 bucket, but i'm coming across a few issues. The directories are being created and the thumbnail is being uploaded, but the main images are not uploading and there is a strange file appearing alongside the directory. This is what I have: $files = $request->file('images'); $count = 0; foreach($

cariboucreative's avatar
cariboucreative's avatar deltasolut...Laravel
4

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

Image Crop and Client Side Resize.

It would be great if Laracasts publish a video(s) about how to integrate jcrop ( https://github.com/tapmodo/Jcrop ) + canvasResize ( https://github.com/gokercebeci/canvasResize ), for setting image crop dimensions (using jcrop) and client side image resize (using canvasResize) in case the uploading image is bigger. Alternatively the functionality of jcrop + canvasResize can be

TaggedBoy's avatar
TaggedBoy's avatar TaggedBoyRequests
0

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

Uploaded image doesn't display immediately

I have a form that allows a user to upload a profile picture (calling it 'avatar'). The file saves correctly to the directory and the database. The problem is, the image only shows in the browser after the page is refreshed. Until refreshing the page, a broken image icon is displayed. How can I fix this so the avatar image shows on the webpage immediately after the user clicks

regattanetwork's avatar
regattanetwork's avatar pmallGeneral
8

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

Getting 401 Unauthorized error on file Fileupload form in FIlament

While implementing file upload functionality in Filament (Laravel), I encountered an issue where uploads work perfectly on localhost but fail with a 401 Unauthorized error when accessing the project via a domain or HTTPS. I have enforced HTTPS redirection in my application through the AppServiceProvider. The following error is generated while uploading an image using Filament's

rajvansh's avatar
rajvansh's avatar NakovFilament
1

Not getting form data on laravel $request object sent from Vue Component ( VILT Stack )

Here is the quick explanation of the issue i am facing - (58 sec only) https://komododecks.com/recordings/VKLRr4GiITxAi0XZfqvF I can edit my posts, i can send existing post images ids to laravel controller to delete them, however - i am unable to send new images to the laravel controller. Whenever i am adding new image on edit post, i am getting in empty array. ( please check

atton53's avatar
atton53's avatar tisuchiLaravel
7

Storing images and pdfs for clients on a remote server

I need som advise. In my project, users can upload invoices in various formats, like jpg and pdf. Each uploaded file is stored on a remote server using SFTP, and when a file (image or pdf) is uploaded, also a jpg thumbnail is created and stored. I then display the thumbnails to the user, and the user can click any thumbnail and the high resolution original gets displayed. Since

muuucho's avatar
muuucho's avatar LaryAILaravel
1

Displaying a pdf that is stored in a remote storage

I have a script that uploads a image file or pdf to a remote server using SFTP. The script should also display the uploaded file. The upload part is running as expected but the file doesn't display, instead, what appears to be another image is displayed (it seems to be a screenshot of one of my projects, I don't know where it is stored). What is wrong? routes: Route::get('/fil

muuucho's avatar
muuucho's avatar muuuchoLaravel
2

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

Capture & Save video to Laravel API

Trying to use Ionic native to access the camera app and record a short video that getting uploaded to the database using Laravel API. Image seems to be easy but i cant find a plugin or package for video. There are some old guides from 4 years back but it seems they are just to old. Anyone who can point me in the right direction because it seems really hard to find. Which is wei

karu's avatar
karu's avatar karuVue
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

How to Pass a Folder Name via Javascript to Laravel Controller

I use a component to implement my CKEditor on numerous pages throughout my project. <x-ckeditor folderName="posts" /> This component code includes a block about uploading an image to an ImageUploadContoller. When the image is uploaded via javascript, several versions of the image are created. I want the foldername that I am passing into the compoent to direct

phayes0289's avatar
phayes0289's avatar gychJavaScript
2

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

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