livewire remove pic preview

i'm kinda new to livewire uploading i can't seem to find out a way to remove single image from the ones to upload. how can i remove a single image from preview? currently it looks like this https://prnt.sc/vcuz7k sorry for messy code <div class="mb-4 flex-row js box" x-data="{ droppedfiles: false, dropping: false, uploading: false, success: false }"

devratna's avatar
devratna's avatar devratnaLivewire
0

Sending POST request catches error but no error occured

I have an application in production, which is used by multiple users - they always access the app from the mobile phone (in this case it's from Android 6.0.1 with Chrome Mobile 71.0.3578). Inside the app, they have to take a photo of specific thing and upload it. I created a Vue component with simple INPUT which on click launches Photo app or opens gallery to pick image. After

MaTTo's avatar
MaTTo's avatar MaTToVue
0

Laravel Image Resize(Already Uploaded One)

Hi folks, I developed an application where i uploaded multiple images ,now i realise that i have to resize the image due to optimization issue.for further upload i have used intervention/image. How can i resize the image which are already uploaded ? Is there any way please suggest. Thanks :)

user_hkcl's avatar
user_hkcl's avatar user_hkclLaravel
2

Laravel and Dropzone in normal form

I cant get the image on dropzone getting null value when i die dump $files... sorry for my bad english thank you i hope someone help me :) ##Dropzone JS Dropzone.options.myDropzone = { autoProcessQueue: false, uploadMultiple: true, addRemoveLinks: true, maxFilesize: 7, maxFiles: 8, previewsContainer: '#dropzonePreview', clic

lycans28's avatar
lycans28's avatar lycans28Laravel
0

Edit multiple images

When updating multiple images how can I know which image user selected to edit it in database and unlink the old one then upload the new one ?

Hussien Elshazly's avatar
Hussien Elshazly's avatar Hussien El...Laravel
13

Dynamic validating image format with Livewire : problem ?

Hello, I want to upload some images, but only images. I use a livewire component. I have a validation code. But it seems it isn't working as I want it to do. I get an exception error : This driver does not support creating temporary URLs as soon as I try to upload some file which is not an image, but I would like the validation code working and show the error message in the vie

vincent15000's avatar
vincent15000's avatar vincent150...Livewire
2

Why did not save multiple images in to the table in Laravel 5.6

In my Laravel app I have form to save multiple images to save uploads table, my form as following, <form method="post" action="{{url('form')}}" enctype="multipart/form-data"> {{csrf_field()}} <div class="form-group row required"> <div class="field" align="left" > &

Flex's avatar
Flex's avatar K5ADLaravel
3

Need help building an upload image form.

Hello there, I tried all this afternoon building with Vue an upload form. Here's the goal i want to achieve : Let the user chose one or multiple files (easy enough and done). Use a FileReader to open each of the files and display them. Add for each file a name and description fields. Send through ajax the request to the server. If I'm able to achieve this result for ONE uniqu

FHoulbreque's avatar
FHoulbreque's avatar FrancoisHVue
2

Storing multiple images with eloquent

View blade: {!! Form::open(array('route' => 'posts.store', 'data-parsley-validate' => '', 'files' => true)) !!} {{ Form::label('featured_img', 'Upload Images') }} {{ Form::file('featured_img',array('class' => 'form-control')) }} {{ Form::submit('Submit', array('class' => 'btn btn-primary')) }} {!! Form::close() !!} public function store(Request $request) { $t

Timmy28's avatar
Timmy28's avatar Timmy28Eloquent
0

laravel validate array of images

Is there a way to validate uploaded images (uploaded as array) inside the controller without creating an extra FormRequest? My upload input looks like this: <input type="file" accept="image/x-png,image/jpg,image/jpeg" class="custom-file-input {{ $errors->has('productImage.0') ? 'is-invalid' : '' }}" id="productImage[]" name="pr

t0berius's avatar
t0berius's avatar Sergiu17Laravel
1

how to develop multiple images uploader in vuejs and laravel

Hi, I am working with laravel 5.6 and I need develop multiple (1-5 at least one and maximum five) images upload with preview to my form. I hope use vuejs with laravel to develop this system. in this system I need first image as feature image and all images need remove button before the submit form button. please send me some tutorials links or some resources if you already kno

Flex's avatar
Flex's avatar FlexLaravel
3

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

Implementing download multiple files functionality but getting a 404 error ( laravel )

I am trying to implement download all files functionality in my code. I've referred to some links in stackoverflow to implement this. However, I am still struggling to make this works, below are the download controller, public function downloadDocuments($id) { $documents = DB::table('product_documents')->where('id', $id)->first(); $path2 = $documents-&

jabrij93's avatar
jabrij93's avatar LaryAILaravel
1

Multiple photo

Hello, Can i know what the wrong with that code ? foreach ($this->images as $image) { $extension = $image->getClientOriginalExtension(); $filename = time() . '.' . $extension; $image->storeAs('product_multiple_image', $filename, 'real_public'); $this->images = $filename; ProductImage::create([ 'product_id' => $this-

kazzuya's avatar
kazzuya's avatar MohamedTam...Livewire
10

Multiple Uploads with Inertia

Hello, Thank you in advance for any help or pointing me in the right direction. I've Google'd this to death, but still haven't found a viable solution. I'm using Laravel as my backend with Inertia and Vue. I am also using PrimeVue for UI components. The trouble I'm having is understanding how to handle multiple images with Inertia's form helper. As an example, I'm using this co

JD45's avatar
JD45's avatar anchan42Inertia
7

AlpineJS/Livewire - duplicate temp image on upload

When adding wire:model="deal_photos" to my file input, each image uploaded is displayed twice. Clicking to select versus drag-n-drop makes no difference. The alpine files object contains exactly the number of objects related to the number of images I select. If I drag and drop images to sort them, each image the dragged image is hovering also highlights its duplica

whoisthisstud's avatar
whoisthisstud's avatar whoisthiss...JavaScript
2

Image must be an image

I have one problem with uploading image Validation. I uploaded valid format of image but the error said "Photo must be image." THis is my validation. 'photos'=>'required| image', This is my form. <form method="post" action="{{route('new.product')}}" enctype="multipart/form-data"> @csrf <div class=

Khin Zin Zin Thinn's avatar
Khin Zin Zin Thinn's avatar CorvSLaravel
1

Livewire image previews not displaying on demo site

Temporary images display locally, but not on the demo site. The images still upload, but the temporary URL's return a 404 error for each image uploaded, and attempting to load the signed URL in a different tab results in a 401. I'm unsure if my issue is livewire, an error I created, or even possibly this - https://github.com/livewire/livewire/issues/1216 ? Laravel 8 / Livewire

whoisthisstud's avatar
whoisthisstud's avatar whoisthiss...Livewire
0

Validate Multiple Images Field

I have a multiple images field in my form where there I want Laravel to validate the following: a) Maximum images uploaded at a time should not exceed more than 20 b) Each image uploaded should be -- jpeg,png or gif and the image should not exceed 4MB in size. I added the following validation rules however they do not work 'images.*' => 'bail|mimes:jpeg,png

eludic's avatar
eludic's avatar eludicLaravel
2

Multiple Images not storing into database

I am fairly new to laravel and I am stuck on an issue with multiple images getting stored. The print_r($data) shows that the info is there, but they are not being stored. The 1st image uploads without issue, but not the others. [image] => Illuminate\Http\UploadedFile Object ( [test:Symfony\Component\HttpFoundation\File\UploadedFile:private] =>

WebbieWorks's avatar
WebbieWorks's avatar Sergiu17Laravel
5

Image Uploading

I am uploading image using Czim/laravel-paperclip package. This is my Image Model: <?php namespace App; use Illuminate\Database\Eloquent\Model; class Image extends Model implements \Czim\Paperclip\Contracts\AttachableInterface { use \Czim\Paperclip\Model\PaperclipTrait; protected $table='images'; public $primarykey='id'; public function albums(){

NOMGUY's avatar
NOMGUY's avatar NOMGUYLaravel
0

Laravel 5.2 & Dropzone.js - Remove (Delete) uploaded images

Hi, My Dropzone uploading is working fine, but I would like to have the remove links for each uploaded image. The problem is that my remove links are not even shown, and also I don't know how to do it. I was reading http://www.dropzonejs.com/ and some other tutorials, but it is still unclear. Here is my HTML / JS: {!! Form::open(['url' => route('dropzone.upload')

DoeJohn's avatar
DoeJohn's avatar DoeJohnLaravel
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

Spatie Media Library conversion not working

Hello everyone, I have a problem with Spatie Media Library conversions. I want to convert the uploaded image into two different sizes using the queue worker. If I only use "thumb" as addMediaConversion() everything works fine, but as soon as i add any second addMediaConversion() the queued job fails. I set everything up the way it is described in the documentary from

GeorgLeb's avatar
GeorgLeb's avatar GeorgLebLaravel
7

Directory and File have wrong permission on storeAs

I upload images and then handle it in a Livewire component like: $fileName = md5($randomString . microtime()) . '.' .$this->image->extension(); $this->image->storeAs('public/images/listings/' .$listingId, $fileName); $path = '/images/listings/' .$listingId .'/'; Then when I try to display the image: @php $headerUrl = 'https://dev.<url>.plesk.page/storage'

bvfi-dev's avatar
bvfi-dev's avatar bvfi-devLaravel
5

SQLSTATE[22P02]: Invalid text representation: 7 ERROR: invalid input syntax for type bigint: "download-documents" CONTEXT: unnamed portal parameter $1 = '...'

I am trying to implement download all files functionality in my code. I've referred to some links in stackoverflow to implement this. However, I am still struggling to make this works, below are the download controller, public function downloadDocuments($id) { $documents = DB::table('product_documents')->where('id', $id)->first(); $path2 = $documents-&

jabrij93's avatar
jabrij93's avatar LaryAILaravel
1

Inertia Filepond - getting file data for axios post

I've just completed the Advanced Image Uploading with Vue and Laravel series and am trying to build a PDF uploader with the functionality that I need. The series was uploading the files as soon as the user drag and dropped the file. In my use case I need to allow the user to drag and drop the file, fill out other fields, then submit the form. If I used the functionality from th

bbkbbk's avatar
bbkbbk's avatar bbkbbkInertia
2

How to redirect()

I want to redirect to the home page after uploading multiple images. Controller public function store(Request $request) { $path = null; if ($request->hasFile('file')) { $file = $request->file('file'); $name = rand(16000,17000).time(); $extension = $file->getClientOriginalExtension(); $fileName = $name . '.' . $extension;

zxywvu's avatar
zxywvu's avatar SinnbeckLaravel
8

Only first images path saved to database

I am uploading multiple images to storage and saving their paths into db. It works, it stores all image intu folder but only first path of image saved into db. I am trying what the problem was, but I could not figure it out. So please help me. Here is the form <form action="{{ route('store') }}" method="POST" enctype="multipart/form-data">

fikri1510's avatar
fikri1510's avatar fikri1510Laravel
7

How to get total files from a directory?

I have created a symbolic link through the command php artisan storage:link and I store all the files stored by my users there. Every user has a folder with name of the folder as md5($user_id). Then, I want to retrieve the files in my blade file. The problem is: my user can have multiple uploads so I need to get the number of files located in the directory. I searched the quest

MysZon's avatar
MysZon's avatar MysZonGeneral
2

Best practice for storing images?

Let's say I want to store images using a file system, not database. Each item will have its own directory named after its id value where multiple images associated with that item can be stored. There will be an images table with 'id' , 'item_id', 'extension', and regular laravel timestamps fields. Each uploaded image will be stored in images table, and its filename will be rena

Triumfator's avatar
Triumfator's avatar TriumfatorGeneral
2

Local filesystem on load balanced servers

I have load balancing set up to split a Laravel site between multiple servers and have been running into issues using local file storage. For compliance reasons we can't use a remote Flysystem adapter (eg AWS), and I haven't worked out the best way to handle user uploads (eg image uploaded to Server A, but not available Server B). At the moment we just have a scheduled rsync to

alexleonard's avatar
alexleonard's avatar ohffsServers
5

Bulk File Uploads - unique names

Hi, I'm building the post images upload feature for my site using Dropzone (the same way as in https://laracasts.com/series/build-project-flyer-with-me/episodes/11). I don't trust users' filenames so I would like to create a unique name for each uploaded image. I tried to combine $post->id with time() or Carbon but it seems that the timestamps are the same for all images upl

Lugi's avatar
Lugi's avatar LoogeyLaravel
2

L5 File Validation Issues

Ok, not me, file validation via FormRequest not working properly. 'Required' works fine, but max: , image, mime, etc. either don't execute or if they do they don't generate a Session error. Example, if I add mimes:jpeg,bmp,png,gif it will fail if it is not an image and just do a redirect back with no error messages in session. I've tried single, multi file upload. Also, attem

nolros's avatar
nolros's avatar bestmomoGeneral
2

General Image Management Struggles - Eloquent - CMS

I built a website (Larvel/Vue) which lets you create a little information page. Some would say it's a CMS or a simple site builder. Im currently trying to add images to the items* (see db below) but I'm struggling with the general workflow the laravel way. (no problems with basic upload/store though) The information page is seperated into sections and for example a Team Section

Korbe's avatar
Korbe's avatar KorbeCode Review
2

Backpack 4.0 images multiple upload in the another entity

Hello. How I can create multiple file uploads for model? I have ProductCrudController and Product model. I'm created Image model and pivot table product_image for many to many relationship with column id, product_id, image_id. I added mutators to both models because, I don’t know which way is right for this ProductCrudController added upload_multiple field:; $this->crud->

lanky's avatar
lanky's avatar mary_anneLaravel
1

Image not Uploading in AJAX request.

Good afternoon, please i have an issue uploading an image when I make an Ajax request. But using a default server action of uploading the image it works perfectly well. Please, is there anything i have not done well in the ajax code. Thanks for your help. View Code {!! Form::open(['url' => '/admin/notes', 'id' => 'note-form', 'class' => 'form-horizontal', 'files' =>

smartnathan's avatar
smartnathan's avatar jlrdwLaravel
9

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

Storage symlink or asset() path not working.

Hello, I have multiple files uploaded per Product in my application. I am using the local storage at this point, but will use s3 in production. When I do the following, it works: <img id="prod-img" class="min-w-10 border border-red-600" src="{{ explode("/", $product->images[0]->path)[2] }}" alt="

Bacchus's avatar
Bacchus's avatar ahmeddabakCode Review
9

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

Error when add multiple images

Hi, I have a problem when I add multiple images, they are saved in a file instead of the image being saved ... Look https://gyazo.com/de126b998c2967f421805e933b53b30b My Function public function createPage(Request $request) { $images = $request->input('images'); $pages = Pages::create([ 'title' => $request->input('title'),

Lokedi's avatar
Lokedi's avatar tomopongra...Laravel
2

GET method is not supported - During file upload with ajax

I am not sure what is wrong here, of course all works outside laravel (php) but not with laravel8. all the time I have below error Symfony\Component\HttpKernel\Exception\MethodNotAllowedHttpException The GET method is not supported for this route. Supported methods: POST. sample code comes from js.devexpress.com/Demos/WidgetsGallery/Demo/FileUploader/ChunkUploading/jQuery/Ligh

ksobolewski's avatar
ksobolewski's avatar ksobolewsk...Laravel
12

Show image upload validation errors

I can't show validation errors in a form that allows multiple images to be uploaded. It only shows the "Required" error, but those about the maximum size or extensions allowed don't show them. Where am I wrong? $request->validate([ 'image' => 'required', 'image.*' => 'mimes:jpeg,jpg,png|max:2048' ]);

Marcolino922's avatar
Marcolino922's avatar newbie360Laravel
1

Why did not save multiple images with controller route return?

In my Laravel app I have form to save multiple images to save uploads table, my form as following, <form method="post" action="{{url('form')}}" enctype="multipart/form-data"> {{csrf_field()}} <div class="form-group row required"> <div class="field" align="left" > &

Flex's avatar
Flex's avatar arthvrianLaravel
3

Validation on atleast one image and others can be video or images on same file uploader.

Hi, I have created a multiple file uploader .since i have set validation like file uploaded must be either image or video. But my question is how should i add validation like there should be atleast one image others can be either image or video. Please discuss.

bansal's avatar
bansal's avatar SeMadusank...Laravel
2

how to grop cuplicate raw data and print only one data row values in laravel 5.6

Hi, I am working on laravel 5.6 and I have multiple images in my uploads table with related to vehicle_id, as foreign key like this, uploads table id fileName vehicle_id 1 1.jpg 1 2 2.jpg 1 3 3.jpg 1 4 4.jpg 1 5 28.png

Msoft's avatar
Msoft's avatar MsoftLaravel
4

How to display the last record from a manyToMany relationship in Laravel 5.6

I have multiple images in my uploads table with related to vehicle_id, as foreign key like this, uploads table id fileName vehicle_id 1 1.jpg 1 2 2.jpg 1 3 3.jpg 1 4 4.jpg 1 5 28.png 2 6 28.png

Msoft's avatar
Msoft's avatar CronixLaravel
25

I can't fully wrap my head around Commands.

Let me give you a use case. A user has a profile, something similar to Facebook. When they update their profile, numerous things need to happen: Conditionally update and resize their profile image (if a new one was uploaded) Conditionally delete their profile image (if it was asked to be) "Sync" a HasMany relationship for their favorite movies, which they added in a

imJohnBon's avatar
imJohnBon's avatar pmallGeneral
5

Input File Multiple, how to update input info after delete an item from array.

Hello, I have an input file multiple with preview on Vue before uploading to the server, when I delete one of the images of the array there is no problem, but the onchange method does not execute and in the view the input file still shows the same message and I can not Re-select the same image that I just deleted, try to force an onchange but I do not think I did it right becau

Fhreak's avatar
Fhreak's avatar aurawindsu...Vue
3

Laravel 7 image not deleting from disk but is deleted from db

I am able to successfully add multiple images for the task (post if it were a blog) and delete the task. The task is successfully deleted from the db as well as its subsequent images. However, in the disc (by the way, I am working local at the moment) the files remain untouched. I am unsure how to handle this request as I am new to Laravel. Any help would be greatly appreciated

ErikRobles's avatar
ErikRobles's avatar ErikRoblesLaravel
38