3

Tengo una duda técnica que corresponde a enviar un archivo dentro de la estructura REST FULL API en laravel en este caso en particular lo que estoy trtando de hacer es subir un archivo de texto (.txt) con la siguiente estructura:

{
   "data":{
      "type":"upload",
      "attributes":{
         "archive":[
            
         ]
      }
   }
}

Como se puede observar en la anterior estructura mi api recibe para todo tipo de solicitud POST el siguiente formato, pero lo importante aquí es lo que se encuentra en attributes, que en este caso es archive, llega vacio cuando le paso el archivo dentro de la estructura, también se le ha proporcionada los headers a la solicitud content-type: "multipart/form-data", para poder especificar que es un archivo pero esto no es interpretado por laravel en el siguiente request:

public function rules(): array
   {
        return [
            'data.attributes.archive' => ['file','mimetypes:text/plain','required'],
        ];
    }

Como podemos analizar esta es la estructura de la regla de validación, pero aclaro, que cuando removemos la estructura de RestFullAPI, cuando quito esa estructura y solo dejo archive en vez de data.attributes.archive funciona, pero laravel no interpreta el JSON cuando lo paso desde la solicitud con la estructura necesaria, no se si es posible mandar archivos de tipo file dentro de un objeto o si por el contrario hay que hacer algún tipo de conversión para poder tratar de que laravel lo interprete como un archivo.

------------- Angular --------------

Estoy trabajando en la estructura de ResFullApi, y estoy enviando el desde angular de la siguiente estructura, dentro del componente que captura el evento change del archivo tengo lo siguiente:

public fileSelected(event): void {
    const fileBrowser = this.fileInput.nativeElement;
    const formData = new FormData();
    formData.append('archive', fileBrowser.files[0], fileBrowser.files[0].name);
    this.rolService.uploadFile(formData).subscribe(console.log);
  }

por lo cual es muy sencillo observar que hago uso de el new FormData() para crear la representación de lo que mi compañero muestra que debe tener archive, también después yo me dirijo hasta el servicio y envío el archivo desde el siguiente fragmento de código:

public uploadFile(archive): Observable<any> | any {
    const format = {
        data: {
          type: 'upload202',
          attributes: {
            archive
          }
        }
      };
    return this.http.post('http://127.0.0.1:8001/api/upload/archive202', format, {
      headers: {
        mimeType: 'multipart/form-data',
        'Access-Control-Allow-Origin': '*'
      }
    });
  }
8
  • esto no lo entiendo: para validar el archivo sin que la estructura pase las validaciones de la solicitud para implementar la estructura no sucede.
    – user46896
    el 5 ago. 2022 a las 20:51
  • Compañero ya actualicé la información de la pregunta para que la revises. el 5 ago. 2022 a las 21:10
  • tutsmake.com/laravel-file-upload-via-api-example-from-scratch mira esto ...
    – user46896
    el 5 ago. 2022 a las 21:13
  • Amigo lo que sucede es que el archivo se está enviando desde angular y cuando la petición se hace desde el ejemplo que usted me comparte ya funciona, lo que no funciona es dentro la implementación de estructura rest full api el 5 ago. 2022 a las 21:17
  • a ver ... o es laravel o es angular el backend no pueden ser los dos ... si estas enviado los archivos no importa la forma que los envies si esta correctamente implementado tu front no debe por que darte problema el backend...
    – user46896
    el 5 ago. 2022 a las 21:20

1 respuesta 1

1

esta es la solución que implemente y soluciono mi problema, lo que hacía falta era crear un formdata() que tuviera la misma estructura que se necesita en el backend, ya que la anterior estructura era un objeto de javascript y me impedía agregar el archivo; con la estructura dentro de este porque para que sea reconocido como un archivo debe tener el header content-type="multipart/form-data" y al ser un objeto de javascript no era posible.

Agrego el código de Angular que me permitió solucionar el error.

public fileSelected(event): void {
    const fileBrowser = this.fileInput.nativeElement;
    const formData = new FormData();
    formData.append('data[type]', 'upload202');
    formData.append('data[attributes][archive]', fileBrowser.files[0]);
    this.rolService.uploadFile(formData).subscribe(console.log);
  }

Contexto el siguiente elemento será el código que espera validar el backend

public function rules(): array
   {
        return [
            'data.attributes.archive' => ['file','mimetypes:text/plain','required'],
        ];
    }

Estructura REST-FULL API a validar

public function handle(Request $request, Closure $next)
    {
        if ($request->isMethod('POST') || $request->isMethod('PATCH')) {
            $request->validate([
                'data' => ['required', 'array'],
                'data.type' => ['required', 'string'],
                'data.attributes' => ['required', 'array'],
            ]);
        }

        if ($request->isMethod('PATCH')) {
            $request->validate([
                'data.id' => ['required', 'string']
            ]);
        }

        return $next($request);
    }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.