He creado debajo de la API. funciona perfectamente desde cartero.

 @Controller('certificates') export class CertificatesController { constructor(private readonly certificatesService: CertificatesService) {} @Post('upload') @UseInterceptors( FileInterceptor('attachedFile', { storage: diskStorage({ destination: './uploads', filename(_, file, callback) { const randomName = Array(32) .fill(null) .map(() => Math.round(Math.random() * 16).toString(16)) .join(''); return callback(null, `${randomName}${extname(file.originalname)}`); }, }), }) ) uploadFile(@UploadedFile() file) { console.log(file); return { url: `http://localhost:8000/api/uploads/${file.filename}`, }; } }

cuando lo llamo usando cartero

pero cuando quiero llamar al mismo usando formik, mi API recibe indefinido en el archivo.

 <input id="file" name="attachedFile" type="file" onChange={(event: any) => { setFieldValue( 'file', event.currentTarget.files[0] );}} /> const handleSubmit = async (values: any, httpClient: any, config: any) => { alert(values.attachedFile); //it prints Object filelist const { data } = await axios.post( 'http://localhost:3000/api/certificates/upload', values.attachedFile );

mi API devuelve el siguiente error y en la interfaz de usuario obtengo 500.

¿Por qué no puedo enviar el archivo junto con la solicitud de publicación? debo hacer otra cosa? Aparte del archivo en otra solicitud, puedo enviar todos los datos. ¿Puedes ayudarme?