I get the following error when registering the name of the path in bd, in this case if you save the image in the server folder but not in bd, this is in Laravel
Driver code
public function store(Request $request)
{
$file = $request->file('file');
$path = public_path().'/uploads/';
$fileName = $file->getClientOriginalName();
$file->move($path, $fileName);
$projectImage = new ProjectImage();
$projectImage->project_id = $id;
$projectImage->user_id = auth()->user()->id;
$projectImage->file_name = $fileName;
$projectImage->save();
}
And this is the view
@extends('app')
@section('css')
<link href="{{ asset('/css/dropzone.css') }}" rel="stylesheet">
@endsection
@section('content')
<div class="container">
<div class="row" >
<div class="panel panel-primary">
<div class="panel-heading">
Dropzone
</div>
<div class="panel-body">
{!! Form::open(['route'=> 'file.store', 'method' => 'POST', 'files'=>'true', 'id' => 'my-dropzone' , 'class' => 'dropzone']) !!}
<div class="dz-message" style="height:100px;">
Arrastra las imagenes aquí
</div>
<div class="dropzone-previews"></div>
<button type="submit" class="btn btn-success" id="submit">Guardar</button>
{!! Form::close() !!}
</div>
</div>
</div>
</div>
<hr>
@endsection
@section('scripts')
{!! Html::script('js/dropzone.js'); !!}
<script>
Dropzone.options.myDropzone = {
autoProcessQueue: false,
uploadMultiple: true,
maxFilezise: 10,
maxFiles: 5,
init: function() {}
var submitBtn = document.querySelector("#submit");
myDropzone = this;
submitBtn.addEventListener("click", function(e){
e.preventDefault();
e.stopPropagation();
myDropzone.processQueue();
});
this.on("addedfile", function(file) {
alert("Archivo subido");
});
this.on("Completo", function(file) {
myDropzone.removeFile(file);
});
this.on("Proceso exitoso",
myDropzone.processQueue.bind(myDropzone)
);
}
};
</script>
@endsection