jQuery plugin to upload single files and preview images using https://github.com/blueimp/jQuery-File-Upload
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
dist
lib
src
.editorconfig
.gitignore
.jshintrc
.npmignore
JS.md
LICENSE
README.md
SASS.md
example-screenshot.png
gulpfile.js
package.json

README.md

VulcanUp

npm version

jQuery plugin to upload single files and preview images using blueimp/jQuery-File-Upload.

Demo

See demo for a quick start.

Install

To install the plugin with Browserify or Webpack:

$ npm install --save-dev vulcanup

To install the styles with SASS, include the path:

./node_modules/vulcanup/src/scss

And import:

@import 'vulcanup';

Or you can just use the built files:

The plugin dependencies are:

An example of installation with built files is in the demo.

Configuration and use

By default the plugin sends an XHR type POST to the endpoint /api/files with the file as file parameter.

The plugin by default expects the server to return a response with the following JSON { files: [ { url: String } ] } to know the upload was successful. In the demo I used aguidrevitch/jquery-file-upload-middleware which returns a similar object.

The icons by default are configured with materialdesignicons.com but you have to install it.

See JavaScript API and SASS variables for configuration details.

Demo

You can see a complete demo in demo folder.

Install dependencies:

npm install

And start the server:

node demo/server.js

To see demo at http://localhost:7500.

License

MIT