Estoy tratando de guardar varios archivos enviados desde Angular a una API de Laravel, sin embargo, no logro guardarlos, únicamente guardar uno.
Aquí está el código de la API donde guarda los archivos:
public function uploadFile(Request $request)
{
$lengthFiles = (int)$request->length;
if($lengthFiles > 1){
if($request->hasFile('arrayFiles')){
foreach ($request->file('arrayFiles') as $file){
$fileFullName = $file->getClientOriginalName();
$fileName = pathinfo($fileFullName, PATHINFO_FILENAME);
$fileWithoutSpaces = str_replace(' ', '', $fileName );
$fileLower = Str::lower($fileWithoutSpaces);
$newFileName = "pdf_".$fileLower."_".now()->second.now()->day.now()->year.now()->minute.now()->hour.".".$file->guessExtension();
$finalPath = public_path("public-files/events-files/" . $newFileName);
if($file->guessExtension() == "pdf"){
copy($file, $finalPath);
}else{
return ($this->errorResponse('El archivo que intentas subir no es un PDF', 422));
}
}
}
}else if($lengthFiles == 1){
if($request->hasFile('arrayFiles')){
$file = $request->file("arrayFiles");
$fileFullName = $request->file('arrayFiles')->getClientOriginalName();
$fileName = pathinfo($fileFullName, PATHINFO_FILENAME);
$fileWithoutSpaces = str_replace(' ', '', $fileName );
$fileLower = Str::lower($fileWithoutSpaces);
$newFileName = "pdf_".$fileLower."_".now()->second.now()->day.now()->year.now()->minute.now()->hour.".".$file->guessExtension();
$finalPath = public_path("public-files/events-files/" . $newFileName);
if($file->guessExtension() == "pdf"){
copy($file, $finalPath);
}else{
return ($this->errorResponse('El archivo que intentas subir no es un PDF', 422));
}
}
}
}
En el código anterior válido la cantidad de archivos que recibe, dependiendo de si es uno, guárdelo sin realizar el foreach, y si es mayor a uno, haga el foreach y procese el nombre y finalmente guardarlo en la ruta especificada.
Aquí está el código de Angular dónde envía los archivos
var lengthFiles:any = Object.values(counts);
var formDataFile = new FormData();
formDataFile.append('arrayFiles', this.arrayFiles);
formDataFile.append('length', lengthFiles);
this._eventService.upload(formDataFile).then((response:any) => {
this.progress = 1;
}).catch((response: any) => {
this.progress = false;
});
Ahí envío los archivos haciendo la instancia FormData y enviando la cantidad de archivos y el archivo para validarlo en el backend.
Así se vería el array de archivos:
A continuación les muestro cómo se está enviado la data:
Edit:
Como se envia la data de los archivos desde el frontend
input type="file" multiple
, es correcto..?? este esarrayFiles
es tu frond..??