Tengo ese formulario (extendiendo AbstractType ):
public function buildForm(FormBuilderInterface $builder, array $options) { $builder ->add('files', FileFieldType::class, [ 'label' => 'Files', 'multiple' => true] ); }Este pequeño formulario en la interfaz (ReactJS):
<form onChange={onChange} ref={node => form = node}> <input type="file" multiple={multiple} name="file[files]" /> </form>Si se activa la carga, ocurre lo siguiente:
const data = new FormData(form); fetch('/upload', { method: 'POST', headers: { 'Content-Type': 'multipart/form-data' }, body: data });Pero en el servidor no llegan archivos, por lo que en el controlador:
$request->files->all(); //[]y así la forma tampoco es válida nunca.
En una prueba funcional estoy usando esto:
$client->request('POST', '/upload', [], ['file' => ['files' => $file]]); donde $file hace referencia a un objeto de tipo UploadedFile . Eso funciona, entonces, ¿cuál es el error aquí?
Como pude encontrar en esta respuesta :
La idea básica es que cada parte (dividida por cadena en el límite con --) tiene sus propios encabezados (Content-Type en la segunda parte, por ejemplo). El objeto FormData administra todo esto por usted, por lo que es una mejor manera de lograr nuestras metas.
Entonces, para que la carga funcionara, necesitaba eliminar el content-type de los encabezados y cambiar el nombre del campo de entrada a: file[files][] .