CloudJS: Send files to users cloud storage accounts

Recommend this page to a friend!
  Info   Documentation   Demos   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 84 All time: 450 This week: 3Up
Version License JavaScript version Categories
cloudjs 1.1MIT/X Consortium ...1.5jQuery, Web services, Files and Folders
Description 

Author

This is a jQuery plugin that can send files to users cloud storage accounts.

It generates buttons on Web pages to let the users send files from sites directly to their accounts in cloud storage sites instead of having to download to their machines.

Currently it supports cloud storage sites like Google Drive and Dropbox.

Innovation Award
JavaScript Programming Innovation award nominee
October 2016
Number 2


Prize: One ebook of choice by Packt
Many sites can serve files for the user to download, but some times the users prefer to store those files in cloud storage sites like Google Drive and Dropbox.

This jQuery plugin can simplify that process by generating download buttons that send the files directly to those cloud storage services.

This way the user does not need to download the files to their machine and upload them again to the cloud storage services.

Manuel Lemos
Picture of Farhadur Rahim
  Performance   Level  
Name: Farhadur Rahim <contact>
Classes: 2 packages by
Country: United States United States
Age: 40
All time rank: 135
Week rank: 6 Up
Innovation award
Innovation award
Nominee: 2x

Documentation

js-standard-style

cloudjs_small

Introduction

CloudJS is a simple jQuery plugin and gives a flexible way to share a file with end user which they can store into their DropBox, Google Drive etc.

Good Fit for:

  1. Personal Site
  2. Blog
  3. Magazine and Newspaper.
  4. Document Seller
  5. And any other services which related to file sharing.

Installation:

  1. Add jQuery Library from local or any CDN site.
  2. Include jQuery.Cloud.js from dist folder
  3. Create a html block element `div` and add a custom data attribute `data-file-link` to hold the root path of your file e.g. images/wallpaper.jpg, doc/example.pdf
  4. Call Cloudjs, that's it!!
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
   <script src="dist/jQuery.Cloud.js"></script>
   <script>
   $(document).ready(function(){
   		
   		//$.Cloud - setting is optional if you defined inside plugin
		
		$('.cloudjs').Cloud({
		googleDrive : 'auto',
		dropBox : 'a1jy330vpyki64r'
		});
	});
   </script>

   <div class="cloudjs" data-file-link="doc/example.pdf"></div>

Live Action:

<a href="https://webmechanicx.github.io/CloudJS/" target="_blank">Live Demo</a>

CloudJS

A simple jQuery plugin, Let your visitor save a file into their DropBox, Google Drive etc.

oreilly_screenshot

Bitdeli Badge


  CloudJSExternal page  
  Files folder image Files (7)  
File Role Description
Files folder imagedist (2 files)
Plain text file expired_cloud.js Class Class source
Plain text file jQuery.Cloud.js Class Class source
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files (7)  /  dist  
File Role Description
  Plain text file jQuery.Cloud.js Class Class source
  Plain text file jQuery.Cloud.min.js Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:84
This week:0
All time:450
This week:3Up