Atualmente eu fiz um mini projeto de upload de arquivos utilizando o laravel sem requisições assíncrona (Ajax) e funcionou. Fui tentar fazer o upload de imagens utilizando o ajax e meu request está retornando null, sendo assim não consigo manipular a base de dados.
Já procurei algumas soluções no forúm e nenhuma resolveu, vi que muitos eram o problema de enctype do formulário, porém acredito que o meu não seja.
Route:
Route::get('/', 'PostControlador@index');
Route::get('/arquivos-json', 'PostControlador@index');
Route::post('/', 'PostControlador@store');
View:
<form method="POST" enctype="multipart/form-data">
<input type="file" name="arquivo" id="arquivo">
<button type="button" class="btn btn-primary btn-save-post">Enviar</button>
</form>
Javascript:
$('.btn-save-post').on('click', function(){
let formData = new FormData();
formData.append('arquivo', $('#arquivo').val());
$.ajax({
url: '{{ url('/') }}',
method: 'post',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
processData: false,
contentType: false,
data: formData,
success: function(response) {
console.log(response);
},
error: function(error) {
console.log(error);
}
});
});
Controller:
public function store(Request $request)
{
dd ( $request->all() );
// result: ["arquivo" => "C:\fakepath\2028_2229862022_a2e8c5716f_320_240_nofilter.jpg"]
dd ( $_FILES );
// result: []
dd ( $request->file('arquivo') );
// result: null
dd ( $request->arquivo );
// result: "C:\fakepath\65535_48730933186_d4b4dd1979_320_240_nofilter.jpg"
}
Como pôde ter visto nesse código, o $request->all() e $request->arquivo Retornam normalmente o arquivo, já a global $_FILES e o $request->file('arquivo') retornam null.