Description

Get started

Include HTML

<div class="media-selector--upload-btn-wrapper">
    <button class="media-selector--upload-btn">
        <label>Select a file</label>
    </button>
    <input type="file" class="media-selector--input-file" accept="*" />
</div>

<input type="file" class="media-selector--input-file" accept="*" />

Include JS

Import library :

import MediaSelector from 'media-selector';

const MediaSelector = require('media-selector');

Use :

• formats

  • list of authorized file formats
  • is an array of string

• minSize

  • minimum authorized file size (Byte. Ex : 2 000 000 = 2MO)
  • is a number

• maxSize

  • maximum authorized file size (Byte)
  • is a number

• formatError

  • callback if the file have an unauthorized format
  • is a function

• minSizeError

  • callback if the file size is too small
  • is a function

• maxSizeError

  • callback if the file size is too large
  • is a function

MediaSelector({
    // authorized formats
    formats: ["PNG", "JPEG"],
    // min size
    minSize: 2,
    // max size
    maxSize: 20000000,
    formatError: function(){
        /**
         * callback if file format unauthorized
         */
        console.log("format error");
    },
    minSizeError: function(){
        /**
         * callback if max file size too small
         */
        console.log("minSize error");
    },
    maxSizeError: function(){
        /**
         * callback if max file size exceeded
         */
        console.log("maxSize error");
    }
}, function(data){
    /**
     *  callback if success
     * 
     *  data is an object that contain file infos. Ex :
     *  {
     *      base64 : ...,
     *      mime : "image/png",
     *      extension : "png"
     *  } 
     */
    console.log("success, file uploaded", data);
});

{
    "base64" : "base64/...",
    "mime" : "image/png",
    "extension" : "png"
}

Available file formats :

• AVI
• BMP
• DOC,
• DOCX
• DLL
• XLS
• XLSX
• EXE
• FLV
• GIF
• GZ
• ICO
• JPEG
• PNG
• MSI
• MP3
• PPT
• PPTX
• PDF
• RAR
• TIFF
• TIF
• TAR
• WMV
• WM
• ZIP
• XML

Thanks

Bug

If you spot any bug contact me : Lucas Estrade ([email protected])

Development

Do not hesitates to propose some updates via the project github : project github

Licence