Tengo un formulario en React. Tiene muchos campos. una vez que el usuario haga clic en el botón submit , todo el campo debe guardarse en la base de database . También contiene un file attachment(pdf) .
No sé cuál es el tipo de datos de la variable que almacenará el archivo, debo tomar la clase de entidad. También cuál debería ser el tipo de columna de la base de datos. Estoy usando TypeORM para lo mismo.
@IsNotEmpty() @IsDate() endDate: Date; @Column() @IsNotEmpty() @IsString() personIncharge: string; @Column() @IsNotEmpty() @IsString() country: string; @Column() @IsNotEmpty() @IsString() comments: string; attachFile: string; // Should I take file or string?Probablemente encontrará su solución en este comentario de StackOverflow
Básicamente, convierte su tipo de columna en un blob o longblob en su anotación TypeORM, y luego usa el tipo Buffer en el campo de su Entidad
@Column({type: 'longblob'}) attachFile: Buffer;Entonces podrá servir el archivo como se muestra en el ejemplo de la publicación:
app.get("/file/:id", async (req, res)=>{ try { const repo = getConnection().getRepository(MYFile) const result_find = await repo.findOne(req.params.id) console.log(result_find); var fileData = result_find.data; res.writeHead(200, { 'Content-Type': result_find.mimeType, 'Content-Disposition': 'attachment; filename=' + result_find.name, 'Content-Length': fileData.length }); res.write(fileData); res.end(); } catch (error) { console.log(error) res.send("ERROR") } })si desea usar una cadena, el cliente debe enviar el archivo base64 al backend.
formato: data:(mimetype);(juego de caracteres),(codificado) -> data:image/png;base64,\ee\9f920d....
aquí solución, usando cadena base64
DTO (objeto de transferencia de datos)
import { IsDefined, IsNotEmpty } from 'class-validator'; export class UpdateUserAvatarDto { @IsDefined() @IsNotEmpty() file: string; }controlador
@UseGuards(JwtAuthGuard) @Patch('account/avatar') async updateAvatar( @User() user: Payload, @Body() updateUserAvatarDto: UpdateUserAvatarDto, @Res() res: Response, ) { try { const { file } = updateUserAvatarDto; createFile(file, { prefix: ['user', 'avatar'], name: user.id }); // file is string base64 you can store it to database. return response(res, HttpStatus.OK, { message: 'Successfully update avatar', }); } catch (e) { console.error(e); return response(res, HttpStatus.INTERNAL_SERVER_ERROR, { message: e, data: null, }); } }si quieres crear un archivo desde base64
export const createFile = async (base64, { prefix, name }) => { const cleanBase64 = base64.split(',')[1]; const buffer = Buffer.from(cleanBase64, 'base64'); const file = await fileType.fromBuffer(buffer); return fs.writeFileSync( path.join( path.resolve('./'), ...['public', ...prefix, `${name}.${file.ext}`], ), buffer, ); };