Cloudinary Image upload with Node.js multer and Angular 4
Basic sample
The basic sample uploads local image to Cloudinary using multer-storage-cloudinary, the sample uploads the image directly to your cloudinary media library.
Setting up
- Before running the sample, copy the Environment variable configuration parameters from Cloudinary's Management Console of your account into
backend/routes/index.js
file of the project. - Run
npm install
in project back-end directory to bring all the required modules. - Run the sample using
npm start
to start the server. - Run
npm install
in project front-end/cloudinary-image-management directory to bring all the required modules. - Run
run ng serve
in project front-end/cloudinary-image-management directory to start the angular single page App. - Open the sample page in a browser: http://localhost:4200
Additional resources
- Node integration documentation
- multer-storage-cloudinary npm
- [Node Image Upload] (http://cloudinary.com/documentation/node_image_upload)