Vue cloudinary File Upload

demo

Demonstrate a file upload using the Cloudinary Upload API

User supplies the following input:

• a cloud name that is created during registration for the Cloudinary service
• an unsigned preset that is created using the Cloudinary Web UI settings or Preset API
• the contents of a file selected from the local file system

Reference Documentation

• Vuejs Progress bar
• Axios
• Codepen demonstrating Vanilla JS and XHR with Upload API
• Documentation: Image and Video Upload
• Documentation: JavaScript Image and Video Upload
• Documentation: Unsigned video upload
• Support Link About Unsigned Presets
• Support Link About Unsigned Uploads Security Considerations

Install and Setup HelloWorld in Vue.js

These instructions will create a HelloWorld app in a vue-app folder.

Build for docs directory

This code is hosted on github.io. The build command is configured to output into the docs directory so you can choose master/docs from the github.com settings page gh-pages section.

To build run

npm run build