How to create gallery page with vue and firebase

Hello guys. I am working on a project and this project includes a gallery page. I can upload an image to firestorage but I want to upload and receive multi images. These images will be in a gallery. How can I do that? Do you have any suggestions or alternative ways? template section : <div class="row mt-2"> <div class="col-lg-12"&g

muhni's avatar
muhni's avatar jlrdwVue
5

unable to find error showing place in vue js

orking with vue js and Laravel project. when I upload an Image to the system my browser console got following error Failed to load resource: the server responded with a status of 404 (Not Found) HKGrotesk-Medium.woff2:1 and when I open that link it shows following url http://localhost:8000//static/fonts/hk-grotesk/HKGrotesk-Medium.woff2 I unable to find https://e-chats.com/omeg

SohamMaoor's avatar
SohamMaoor's avatar vincent150...Vue
1

How can I put an avatar on my profile ?

Hello, I don't find where I can put an avatar on my profile (photo or image). I want to precise that I went on my profil, but no page allows me to upload an image.

vincent15000's avatar
vincent15000's avatar lazzzkoFeedback
3

Managing Spatie Media Library images

Hi there! So I've installed Spatie for my project, and I'm having hard time following their docs... My first question is, how is Spatie meant to work conceptually speaking? I have a page images table, on the left and the created spateie media table. Now, if I upload an image, which is a variation of the page, where and how is the image stored? How do I retrieve the image? I up

aurelianspodarec's avatar
aurelianspodarec's avatar aureliansp...Laravel
1

Hosting a Laravel app with Digital Ocean and Cloudfare

Hi there! I will be deploying an app that is heavy image-based and I'm trying to understand a little bit more about the deployment of such an app, and how it would work. The idea is that each image I upload, will need to then be served to the user, but it will need to be optimized. So if I have a 5k image, but the user has a 1520p computer/screen then I don't want to waste the

aurelianspodarec's avatar
aurelianspodarec's avatar mahii12Laravel
16

Uploaded images are not stored into public_html/images

I want to store uploaded images in public_html/images My code: { $imageName = time() . '.' . $request->image->extension(); $request->image->move(public_path('images'), $imageName); //... When I upload an image, it's not stored into the server in public_html/images. I cannot find the file on the FTP. See the screencapture below for more info: ht

ilex01's avatar
ilex01's avatar ilex01Laravel
2

linking /public and /storage doesn't work

Hello, I have a form where i can upload an image. The image successfully uploads to storage/app/public/img I want to display it in the view and that doesn't work even though i did "php artisan storage:link". Is it not linked properly or did i do something else wrong? Thanks. The store() method in the controller: public function store(Request $request) { $

Vinciepincie's avatar
Vinciepincie's avatar anilkumart...Laravel
9

error while validating the input provided for the PutObject operation: [Bucket] is missing

I upload a image with livewire to s3 and it is work fine. the tempory file folder upload also works fine. now I move the app to production (laravel forge etc) and the upload dont works more. i get the error : Found 1 error while validating the input provided for the PutObject operation: [Bucket] is missing and is a required parameter it's weird because local works and online d

bogdy's avatar
bogdy's avatar bogdyLivewire
2

Laravel 9 storage permission

Hello, I have a problem since I upgraded to laravel 9. When I upload an image to storage, the permissions to access the file are no longer correct. Example : A user uploads a new image: the image save to this path: storage/app/public/folder/{user_id}/{project_name}/photos/my_photo.jpg my_photo.jpg has the correct permissions (644) but all the folders present between public/ and

120_'s avatar
120_'s avatar aGreenCode...Laravel
10

Laravel symlink not working correctly

Hi there, I've recently made a new laravel project, where I can upload images for specific models. I created a symlink using php artisan storage:link and images are loaded in correctly by doing <img class="image rounded-circle" src="{{asset('storage/img/profile_img/'.$user->image)}}" /> for example. I uploaded my project on a shared hosting. But for

janmoes's avatar
janmoes's avatar janmoesLaravel
9

Livewire\Exceptions\CannotBindToModelDataWithoutValidationRuleException

Hi! I'm facing this issue and I do not know how to solve it, what I´m doing a create form so in the mount I use this. public function mount(Institution $institution) { can('institution create'); $this->state = $institution; $this->state['department_id'] = 1; $this->route = url()->previous(); $this->fillSelect();

asss02's avatar
asss02's avatar asss02Livewire
2

Save/store file to path, but don't include the directory?

Hi! Im trying to save files from a form. And it seems to work! The files appear in the correct folder as I wish, but another problem has encountered; that the directory name included in when saving to database. if($path = Storage::putFile('public', $request->file('photo'))){ $question->image = $path; $question->save(); }else{

asdasdsa's avatar
asdasdsa's avatar phphupptec...Laravel
3

TinyMCE with Laravel 8

Hello, I have integrate TinyMCE with Laravel 8 with following codes: //Bottom Script: <script> tinymce.init({ selector: 'textarea.content', image_class_list: [ {title: 'img-responsive', value: 'img-responsive'}, ], height: 300, setup: function (editor) { editor.on('init ch

hrace009's avatar
hrace009's avatar hrace009Laravel
7

member function getFirstMediaUrl() on null

trying to upload an image using spatie libray an i am getting this error `member function getFirstMediaUrl() on null` class Create extends Component { use WithFileUploads; public $thread; public $users; public $body; public $image; public $photo; public $title; public $space = 1; protected $rules = [ 'space' => 'required|intege

Carosobin's avatar
Carosobin's avatar tjanukiLivewire
1

Array to string conversion For Storing Multiple File In to DB

I Identified the error but don't know How to resolve the error. Basically, the error comes from the Multiple File Input types. Please Look into the code. Note I use s3 for storing and intervention images for optimizing the image. public function AgentEmpDataAdd(Request $request){ //Just Simple Validate $value = $request->validate([ '

aGreenCoder's avatar
aGreenCoder's avatar DevWebTKEloquent
2

AWS S3 Presigned Url Error SignatureDoesNotMatch

I use Laravel as an API and it creates a presigned URL for AWS S3. Then i use this generated URL to upload a image directly from my Vue.js frontend. But this does not work. I get Error 403-SignatureDoesNotMatch. Full Error: The request signature we calculated does not match the signature you provided. Check your key and signing method. Laravel function: public function getSecur

christianvolk's avatar
christianvolk's avatar christianv...General
7

tmpfile() has been disabled for security reasons

Hi, I would like to know if anybody got this error message after you upload an image? I'm using Livewire. I have already searched for a solution but I did not find it. The last time I try the functions, it works. Then I move into another task. Suddenly my client said they can't upload it. Does anyone have any ideas on how to fix this? ErrorException tmpfile() has been disabled

sulaimanMisri's avatar
sulaimanMisri's avatar jlrdwLivewire
6

AWS unable to post a new file

Hey :), I did an other post to help me on this problem, but now i know the problem but don't know how to solve it... When i want to store my file in my s3 i have this error : (with store(), storeAs(), Storage::disk('s3')->put('images', $req->file('banner')) ) Error executing "HeadObject" on "http://rankserver.s3.eu-west-3.amazonaws.com/images/64x64.png&quo

bukxy's avatar
bukxy's avatar bukxyLaravel
3

Null Form Data File Object

I have a file input that has on onchange attribute. Whenever a user selects a file. <input type="file" name="avatar" id="profile-pic" class="w-full self-end" accept="image/png, image/jpeg" onchange="uploadAvatar(this)"> When the event is triggered I attempt to make an async call to upload the image function upl

electric18's avatar
electric18's avatar electric18Requests
2

FilePond, Laravel & CORS (not sure Laravel issue)

I am using FilePond to upload profile images, logos, etc to AWS S3. All seems to be working ok with the Upload. However, when I try to load the image from the DB/S3 into FilePond and show the image already upload I get a CORS error issue. I am not sure this is related to Laravel of FilePond...but i was wondering if someone had the same issue Error: Access to XMLHttpRequest at '

extjac's avatar
extjac's avatar AppetiserGeneral
7

It gives an error when I select a photo in the Livewire component

My project is with Laravel and Livewire There was no problem in the local environment, I could easily select the photo and show it in the preview, and the photo would be uploaded. But when I got the project on the server When I select a photo in a form, it gives me an error: Image file upload was not successful. I tried all the ways from changing the disk upload file to executi

rotfn's avatar
rotfn's avatar rotfnLivewire
2

Artisan script to uplaod images?

On rare occasions, I need to upload resources to my website, I cannot see the point in creating a form and protecting it etc. I was hoping to write a simple artisan script that would create a model, and upload an image (and process it like my site processes other images that a standard user uploads). Is it possible to run an artisan script on a live site, and upload files from

panthro's avatar
panthro's avatar panthroLaravel
3

Select items in v-for and set one item to default in selected array

I have a image selector component where the user can select multiple images from the server or upload multiple images. For the moment I'm working on the selecting existing images part, and the way it works is that the user searches for the image title and clicks on a card where the image is displayed to select it, but I also need to be able to take all the selected images and t

eggplantSword's avatar
eggplantSword's avatar talelmisha...Vue
1

uploading images, not showing

ok so now I have deloyed, I upload an image via NOVA and when I view it, I can see it goes into: /public/storage/X7k7f1fNTpTVMwlfMJMX0tQaSQJEdSdHNp5Ujvrt.jpg but it's not showing in my application or in Nova?!

boyjarv's avatar
boyjarv's avatar boyjarvLaravel
26

1406 Data too long for column 'payload'

SQLSTATE[22001]: String data, right truncated: 1406 Data too long for column 'payload' at row 1 (SQL: update `sessions` set `payload` = I get this error while trying to upload an image, the image is 69kb. It creates a very long payload string. payload type is set to text in my database. However, in my request validation I have set the max size to 15kb. 'logo' => 'nullable|i

akc4's avatar
akc4's avatar akc4Laravel
1

[SOLVED] Uploading file to a disk not working

Hi all, I'm struggling with this problem: I'd like to upload an image to a specific disk in Laravel 7. I configured this disk in filesystem.php 'disks' => [ 'local' => [ 'driver' => 'local', 'root' => storage_path('app'), ], 'public' => [ 'driver' => 'local', 'root' => storage_path('

ottaviane's avatar
ottaviane's avatar ottavianeLaravel
1

Odd CORS issues

I am building an image uploader. Pretty straight forward. Odd thing that makes no sense is it only works maybe 10% of the time. I can upload an image, repeat the process and next time I get CORS error => Cross Origin Resource sharing error: MissingAllowOriginHeader I am simply testing with 3 images on both a server and localhost. Issue happens on both servers, using same ima

movepixels's avatar
movepixels's avatar etgLaravel
1

How to process formData, getting empty array

Hi, I have this frontend code where I upload an image file: <input @change="changeProfilePicture" type="file" accept="image/*" /> async function changeProfilePicture(event) { let formData = new FormData() let file = event.target.files[0] let filename = event.target.files[0].name formData.append('file', file)

martinszeltins's avatar
martinszeltins's avatar aybinv7Laravel
2

preg_match(): Delimiter must not be alphanumeric or backslash (View: C:\laragon\www\crm\resources\views\rfq\lists-rfq.blade.php)

In my project I have file upload system with file and image support... In front page I want to perform a query if user has upload an image then image show other wise not show document... So I make a function in model it throw some errro can anyone tell what i did wrong protected $fillable = [ 'imageable_id', 'imageable_type', 'file_name', 'mim

Neeraj1005's avatar
Neeraj1005's avatar newbie360Laravel
1

Livewire component tag showing weird strings

Hello, I've declared a livewire component that goes by the name "add-article" it has its own model and blade component when I reuse the blade component using this tag <livewire:add-article /> it shows this string < wire:id="zvTZIl428DcClvOG5inZ" wire:initial-data="{"fingerprint":{"id":"zvTZIl428DcClvOG5inZ","

reviewdevs's avatar
reviewdevs's avatar reviewdevsLivewire
2

Error Call to a member function store() on null

In my project I'm using livewire functionality for updating the value. But in this case if I upload an image it send me an error. Error Call to a member function store() on null Can anyone please tell me how can i solve this. I read the documentation and follow as he mentioned but i did not understand whats wrong with with this function. This is livewire component method use W

Neeraj1005's avatar
Neeraj1005's avatar abilovelch...Livewire
13

Problem with updating images on a linked storage directory on server

I have a an update function for my courses that looks like this [code below] .. It is supposed to check if an old picture exists and if it does, it overwrites it with a new one. the function works perfectly fine on localhost but on server, it just deletes the old picture and does not update. //update course Image public function updateCourseCard(Request $request,$id){

MahmoudMonem's avatar
MahmoudMonem's avatar MahmoudMon...Laravel
1

Call to a member function getClientOriginalName() on null

Part in my blade: @csrf Upload your image: Here's the code in my controller: $file = $request->file('image'); $filename = $file->getClientOriginalName(); $file->move(public_path().'uploads/images',$filename); $data->image=$filename;

NikhilLVL's avatar
NikhilLVL's avatar SnapeyLaravel
4

"required_without" validation rule not working as expected

I have a validation like this: $this->validate($request, [ 'image_url' => ['required_without:image_upload', 'active_url'], 'image_upload' => ['required_without:image_url', 'image'], ]); What I would like it to do is that you can either enter an image URL or upload an image. If I enter an image URL, the validation goes through, as expected. However, if I leave

bortz's avatar
bortz's avatar bortzLaravel
7

Class 'Symfony\Component\EventDispatcher\Event' not found

i was get bug from Event when i upload my image in server Error Class 'Symfony\Component\EventDispatcher\Event' not found in line 10 and this my code call Event public static function uploadFileStore($file, $nameDir, $redirect = 'Admin\Admin', $params = []) { $storage = \App\Common\Factory\Storage::getInstance()->getDriver(); $rand = rand(1, 100000);

paboo's avatar
paboo's avatar pabooLaravel
7

File Uploads on Windows Server

Hi. I have a form that allows a user to upload an image. When a user submits the form, I store it using $path = $request->file('image')->store('UploadedFiles') In Windows, I can see the file is in storage\app\UploadedFiles with a hashed name, and $path contains something like UploadedFiles/AXF8JV8as4tdoOubZsVNnwAYvoZaZ73lfAPVf7jP.png Something seems to have already go

DLUK44's avatar
DLUK44's avatar MarianoMor...Requests
2

The POST method is not supported for this route. Supported methods: GET, HEAD.

When I upload an image with ckeditor. I get this error. ckeditor edit.blade.php CKEDITOR.replace('body', { filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}", filebrowserUploadMethod: 'form', extraPlugins: 'easyimage', cloudServices_tokenUrl: 'http://localhost:8000/admin/ckeditor/image-upload', cloudServices_uploadUrl: 'htt

shahr's avatar
shahr's avatar oxbirLaravel
3

Undefined variable: data

I want to upload multiple image with dropzone but I get this error. public function dropzone(Request $request) { if ($sliders = $request->file('sliders')) { foreach ($sliders as $slider) { $randomize = rand(1111111111, 9999999999); $extension = $slider->extension(); $filename = $randomize . '.' . $extension; $sli

shahr's avatar
shahr's avatar purgemaskLaravel
7

SQLSTATE[HY000]: General error: 1364 Field 'sliders' doesn't have a default value

I have a multiple image. When I upload multiple image. I get this error. SQLSTATE[HY000]: General error: 1364 Field 'sliders' doesn't have a default value my blade <form action="{{ route('design-studios.store') }}" method="post" enctype="multipart/form-data"> @csrf <div class="form-group"> <label for="

shahr's avatar
shahr's avatar SnapeyLaravel
6

General error: 1364 Field 'cover_image' doesn't have a default value when saving to table

I have followed some video tutorial to learn laravel but I find a problem when trying to save the image file from an action in the controller posts where it doesnt set a path to the image but there is an existing image so I wonder why this database insertion doesnt work? it is worth noting that there is a CKEDITOR script where the body text area is but I dont know if there is s

PontiacGTX's avatar
PontiacGTX's avatar PontiacGTXLaravel
3

Call to a member function extension() on array

I have tried to upload the image using Postman and the image is stored in the preferred directory and the name and is stored in database but i am getting the error response. public function store(Request $request) { $design_studio = new DesignStudio; $design_studio->user_id = 1; $design_studio->title = $request->title; $design_studio->lang = $request

shahr's avatar
shahr's avatar AndrykVPLaravel
1

strncmp() expects parameter 1 to be string array given

I have a multiple image. When I upload multiple image. I get this error. strncmp() expects parameter 1 to be string array given my blade <form action="{{ route('design-studios.store') }}" method="post" enctype="multipart/form-data"> @csrf <div class="form-group"> <label for="title">Title</l

shahr's avatar
shahr's avatar SnapeyLaravel
8

The file "9.jpg" was not uploaded due to an unknown error.

I have a multiple image. When I upload multiple image. I get this error. The file "9.jpg" was not uploaded due to an unknown error. my blade <form action="{{ route('design-studios.store') }}" method="post" enctype="multipart/form-data"> @csrf <div class="form-group"> <label for="title"&

shahr's avatar
shahr's avatar SnapeyLaravel
15

Saving images with Laravel

For some reason this does not allow me to upload an image from my form and I do not understand why this happens, where is my error? <div class="row"> {!! Form::model($user, [ 'route' => $user->exists ? ['admin.users.update', $user->id] : 'admin.users.store', 'files' => true, 'enctype' => 'multipart/form-data', 'method' =>

rjruiz's avatar
rjruiz's avatar jlrdwLaravel
3

tenymce in laravel

I using editor tenymce In my Laravel project after I upload the image to a text editor, it is uploaded to the server, but if I delete the image from the text editor, the photos uploaded will remain on my server. Can you add a way to solve this problem?

alihennous's avatar
alihennous's avatar alihennousGeneral
0

Uploading img error

Hello Guys i'm trying to a upload an image but when i click in validate problem it's show me an error page with no message This my controller public function uploadimg (Request $request ) { $this->validate($request, [ 'input_img' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048', ]); if ($request->hasFile('input_img')) { $image = $re

Mokrani's avatar
Mokrani's avatar nolrosLaravel
6

Symfony\Component\HttpFoundation\File\Exception\FileNotFoundException The file "C:\xampp\tmp\php1AC.tmp" does not exist

Here i have put my controller method. I did not understand why this error comes when I upload an image. Problem is data is stored but I don't understand what is the cause for this error? public function store(PostRequest $request, Post $post) { // dd($request->all()); $input = $request->validated(); if($file = $request->file('photo_id'

Neeraj1005's avatar
Neeraj1005's avatar Neeraj1005Laravel
12

file permission laravel

hello i have followed my problem on flare for an easy help. My problem is : The "" file does not exist or is not readable. if i want to upload an image or multiple images. link flare: https://flareapp.io/share/17xDdK7b#F52 [SOLVED] because the images was a png and the size is 4.9 mo i have try with another image, that work. One know what is this problem of png uploa

judev's avatar
judev's avatar judevLaravel
5

Update other table with relationships

HI, I'm french sorry for my english. I made a projet with Laravel, brefore i store my image url in my post table with a column url. Now i have make a new table named image, this table have a id and url column. I have make the relatinship in my two Models. But with the controller i dont know how update the new url of the image i've upload in my image table. This is my code: http

Feelsonix's avatar
Feelsonix's avatar BezhanSall...Laravel
11

Laravel + DigitalOcean Spaces Rate Limits

Hello, I'm fiddling around with DigitalOcean Spaces and saw their Rate Limits. As per their documentation: https://www.digitalocean.com/docs/spaces/#limits You can have 750 requests per IP per second to all Spaces on an account. And what is troubling me... 150 PUTs per second to any individual Space But total 750 requests, so I could do 150PUTs * 5 Spaces = 750/s My only pro

laracastsluvr's avatar
laracastsluvr's avatar EmilMoeServers
4