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

1. 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.
2. Run npm install in project back-end directory to bring all the required modules.
3. Run the sample using npm start to start the server.
4. Run npm install in project front-end/cloudinary-image-management directory to bring all the required modules.
5. Run run ng serve in project front-end/cloudinary-image-management directory to start the angular single page App.
6. 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)

Author Ali Ahmed (@aligredo)