Tengo un backend express que estoy construyendo actualmente. Creé un sistema de enrutador y controlador que procesa todas y cada una de las solicitudes que llegan a través del servidor. Actualmente estoy tratando de guardar archivos de imagen que se envían con el perfil como imagen de perfil. Actualmente estoy integrando multer en mi backend. Tengo el conjunto de destino multer, pero no estoy seguro de cómo capturar la solicitud que pasa para guardar el archivo antes de que la solicitud llegue al controlador.
mi aplicación.js:
... // app.use(logger('dev')) app.use(cors()); app.use(cookieParser()) app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended : true })); app.use(session({ secret: 'helloworld', cookie: {maxAge: 60000}, saveUninitialized: false, })) app.use(morgan('dev')) app.use(fileUpload()); app.use('/api/auth', AuthenticationRouter) app.use('/api/user', UserRouter) app.use('/api/profile', ProfileRouter) app.use('/api/follow', FollowRouter) app.use('/api/post', PostRouter) app.use('/api/like', LikeRouter) app.use('/api/edit', EditRouter) app.use('/api/download', DownloadRouter) app.use('/api/comment', CommentRouter)la siguiente es la página de los enrutadores. este es el punto en el que estoy tratando de obtener la solicitud y guardar el archivo que se envió con la solicitud. No estoy seguro de cómo inyectar y capturar el objeto de solicitud en este punto de los enrutadores:
const multer = require('multer') const upload = multer({dest:'../client/static/images/ProfilePictures'}) const router = require("express").Router() const profileController = require("../../controllers/UserControllers/ProfileController.js"); router .route('/') .get(profileController.get) .post(upload,single(''), profileController.post) .delete(profileController.delete) .patch(profileController.patch) module.exports = router;controlador:
const Profile = require("../../models/UserModels/Profiles.js") const User = require('../../models/UserModels/Users.js') const profileController = { post:(req, res) => { console.log(req.files.profile_pic.name) let body = req.body let file = req.files.profile_pic Profile.create({ profile_pic: file.name, f_name: body.f_name, l_name: body.l_name, bio: body.bio, location: body.location, sm_facebook: body.sm_facebook, sm_instagram: body.sm_instagram, sm_twitter: body.sm_twitter, sm_website: body.sm_website, followers: body.followers, following: body.following, photos: body.photos, downloads: body.downloads, edits: body.edits, userId: body.userId }) .then((data) => { res.send(data).status(200) }) .catch((err) => { console.error(err) res.send(err).status(400) }) },Tienes un error tipográfico. En lugar de upload,single('') , debería ser upload.single('') .
Multer analizará automáticamente la imagen y completará el req.file con los datos de carga de la imagen. Sin embargo, en su controlador, está intentando acceder a req.files . Por lo tanto, si va a cargar varios archivos, le sugiero que cambie de upload.singe('') a upload.any() , ya que upload.any() req.files y no req.file .
Puede cambiar su enrutador de esta manera:
router .route('/') .get(profileController.get) .post(upload.any(), profileController.post) .delete(profileController.delete) .patch(profileController.patch)Y puedes cambiar tu controlador así:
const profileController = { post:(req, res) => { console.log(req.files) let file = req.files[0]; ... }, }