5x5_uploader

5x5_uploader

A Javascript uploader that creates a dropfile area, file queue, and optional input elements with very little setup.

Uses Materialize for responsive layout and alerts.

Demo page can be found here.

An alternate uploader with the same functionality but written as a jQuery plug in using Bootstrap can be found here.

Installation

Using npm;

$ npm install 5x5_uploader materialize-css@next

Using a cdn;

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="5x5_uploader.min.js"></script>

Basic Setup

<div id="uploader">
    <span id="config">
        {
            "destination": "/uploader.jsp"
        }
    </span>
</div>

Options

Options that can be specified when initializing uploader;