https://github.com/fripixel/uploadr

Simplifying the upload proccess
https://github.com/fripixel/uploadr

Last synced: 5 months ago
JSON representation

Simplifying the upload proccess

• Host: GitHub
• URL: https://github.com/fripixel/uploadr
• Owner: Fripixel
• Created: 2015-10-11T19:10:56.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2015-11-25T17:18:12.000Z (over 10 years ago)
• Last Synced: 2026-01-12T19:47:49.890Z (5 months ago)
• Language: HTML
• Size: 24.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.html

Awesome Lists containing this project

README

          


UPLOADER

simplifying the upload proccess

This plugins will accelerate your upload process.

it's simple to use, and its very useful.

Just add the styles 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css" />    

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">    

    <link rel="stylesheet" href="dist/css/uploadr.css" />



...and the necessary libraries...

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>        

    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>

    <script src="dist/js/uploadr.min.js"></script>



...create the basic HTML structure...

    <!-- uploadr -->

    <div class="input-field col s12 margin-reset margin-bottom-default">

        <!-- basic structure -->

        <div class="uploadr">

            <a href="javascript:;" id="addfile" class="btn btn-block blue lighten-1"><i class="fa fa-picture-o"></i> images</a>    

            <ul id="preview"></ul>

        </div>

        <!--// basic structure -->

        <hr />

    </div>

    <!--// uploadr -->



...and initialize the plugin like this:

$(function(){

    $(".uploadr").uploadr({

          'buttonID': '#addfile', //id of the uploadr

          'inputName': 'images[]', //field name 

          'accept': "image/x-png, image/gif, image/jpeg", //filter extensions

          'multiple': null, //multiple files

          'qty': 0, //amount of files 0 = unlimited          

          'once': false // upload one file            

    });

});



Done! Enjoy it!

Developed by: http://www.fripixel.com.br