Laravel: "Impossible to create the root directory" when storing file - php

Question

I'm trying to store a file via AJAX to public folder in laravel, however when I submit the form I get the following message:
" message: "Impossible to create the root directory \"C:\xampp\htdocs\Restaurante1\storage\app\C:/xampp/htdocs/Restaurante1/public/img\".", exception: "League\Flysystem\Exception", file: "C:\xampp\htdocs\Restaurante1\vendor\league\flysystem\src\Adapter\Local.php"
I'm trying to store the file into the following folder inside public directory: public > img >uploads
This is my JQuery code:
console.log('new slider button clicked');
var formData = new FormData();
formData.append('title', $('#sliders_title').val());
formData.append('body', $('#sliders_body').val());
formData.append('isVisible', $('#sliders_isVisible').is(':checked') ? 1 : 0);
formData.append('image', $('#sliders_image').prop('files')[0]);
$.ajax({
async: true,
url: '/sliders',
type: 'POST',
data: formData,
dataType: 'JSON',
processData: false,
contentType: false,
success: function (data) {
$('.form_valid_container').html('<span class="form_valid_text">✓ '+ data.success +'</span>');
form.trigger("reset");
console.log(data.success, data.errors);
},
error: function (data){
var errors = data.responseJSON;
console.log(errors);
$.each(errors , function(){
$('.form_error_container').html('<span class="form_error_text">✘ '+ errors.message +'</span>')
});
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
My controller method:
public function store(StoreSlider $request)
{
$uploadFile = $request->file('image');
//generate random filename and append original extension (eg: asddasada.jpg, asddasada.png)
$filename = str_random(6).'.'.$uploadFile->extension();
// storing path (Change it to your desired path in public folder)
$path = 'img/uploads/';
// Move file to public filder
$uploadFile->storeAs(public_path($path), $filename);
$slider = new Slider();
$slider->title = $request->title;
$slider->body = $request->body;
$slider->image = $path.'/'.$filename; // So that you can access image by url($slider->image);
$slider->isVisible = $request->isVisible;
$slider->save();
return response()->json([
'success' => 'Diapositiva guardada correctamente',
'slider' => $slider,
]);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
EDIT: This is my config/filesystems
<?php
return [
/*
|--------------------------------------------------------------------------
| Default Filesystem Disk
|--------------------------------------------------------------------------
|
| Here you may specify the default filesystem disk that should be used
| by the framework. The "local" disk, as well as a variety of cloud
| based disks are available to your application. Just store away!
|
*/
'default' => env('FILESYSTEM_DRIVER', 'local'),
/*
|--------------------------------------------------------------------------
| Default Cloud Filesystem Disk
|--------------------------------------------------------------------------
|
| Many applications store files both locally and in the cloud. For this
| reason, you may specify a default "cloud" driver here. This driver
| will be bound as the Cloud disk implementation in the container.
|
*/
'cloud' => env('FILESYSTEM_CLOUD', 's3'),
/*
|--------------------------------------------------------------------------
| Filesystem Disks
|--------------------------------------------------------------------------
|
| Here you may configure as many filesystem "disks" as you wish, and you
| may even configure multiple disks of the same driver. Defaults have
| been setup for each driver as an example of the required options.
|
| Supported Drivers: "local", "ftp", "sftp", "s3", "rackspace"
|
*/
'disks' => [
'local' => [
'driver' => 'local',
'root' => storage_path('app'),
],
'public' => [
'driver' => 'local',
'root' => storage_path('app/public'),
'url' => env('APP_URL').'/storage',
'visibility' => 'public',
],
's3' => [
'driver' => 's3',
'key' => env('AWS_ACCESS_KEY_ID'),
'secret' => env('AWS_SECRET_ACCESS_KEY'),
'region' => env('AWS_DEFAULT_REGION'),
'bucket' => env('AWS_BUCKET'),
'url' => env('AWS_URL'),
],
],
];
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

My answer might not be relevant this very question but should in case someone encounters the same problem I think might be of help. I encountered the same problem and I "putFileAs" which worked the same way as "storeAs" like so $path = Storage::putFileAs('public/users_upload/'.$user->username, $File_to_be_moved, $file_name_to_store_as); First parameter is for the path to your directory... You can check the laravel documentation for more info here

Answer 2

in your FileSystem, you need to create the driver disk.
'uploads' => [
'driver' => 'local',
'root' => public_path('img/uploads'),
'url' => '/img/uploads',
'visibility' => 'public',
],
and you can call in your controller storage
$uploadFile->storeAs('/', $filename, 'uploads');