Estoy construyendo un backend para un proyecto mío. Actualmente tengo mi configuración de servidor/enrutadores/controladores para el backend. Estoy creando la sección de perfil de mi proyecto. Tengo fotos de perfil que intento guardar cuando un usuario envía su perfil. Una parte del perfil es la foto de perfil. Actualmente estoy enviando la foto de perfil desde el frontend de reacción al backend express. El archivo se envía correctamente, pero tengo problemas para guardar las imágenes en mi servidor local cuando se envía.
Actualmente estoy tratando de integrar multer en el proyecto, pero no almacena nada y tengo problemas para entender cómo integrarlo debido a la falta de documentación. Tengo configuración de enrutadores y controladores, lo que lo hace un poco más complicado. Alguien puede ayudar... Aquí está el código
servidor:
... const path = require('path'); const multer = require('multer'); const fileUpload = require('express-fileupload'); const app = express(); const upload = multer({dest:'../../client/static/images/ProfilePictures'}) ... 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)Enrutadores:
const router = require("express").Router() const profileController = require("../../controllers/UserControllers/ProfileController.js"); router .route('/') .get(profileController.get) .post(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') ... 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) }) },¿Cómo integro la carga si estoy usando un enrutador y controladores? Todos los ejemplos solo muestran todo el procesamiento del servidor en una sola página, lo cual tiene sentido. Pero nada se muestra cuando se rompe así.
Express permite definir más de un controlador por ruta. Por lo tanto, simplemente puede agregar el middleware multer antes de configurar su controlador desde el controlador. Entonces, en Router.js, puedes hacer algo como:
const multer = require('multer'); const upload = multer({dest:'<TBD>'}); const router = require("express").Router(); const profileController = require("../../controllers/UserControllers/ProfileController.js"); router .route('/') .get(profileController.get) .post(upload.single("<TBD>"), uploadprofileController.post) .delete(profileController.delete) .patch(profileController.patch) module.exports = router; Además, no tiene mucho sentido usar express-fileupload y multer . Con el uso anterior de multer, me desharía de express-fileupload .