aligredo / Cloudinary-Image-Upload-with-Node.js-Angular4

The basic sample uploads local image to Cloudinary using multer-storage-cloudinary, the sample uploads the image directly to your cloudinary media library.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Author Ali Ahmed (@aligredo)

About

The basic sample uploads local image to Cloudinary using multer-storage-cloudinary, the sample uploads the image directly to your cloudinary media library.


Languages

Language:TypeScript 52.1%Language:JavaScript 38.3%Language:HTML 5.5%Language:CSS 4.1%