InputUploader

Use

First include in your HTML file the InputUploader project.

  <script type="text/javascript" src="path>/InputUploader/InputUploader.js"></script>
  <link rel="stylesheet" href="path/InputUploader/InputUploader.css" />  
  <script type="text/javascript" src="path/InputUploader/object-watch.js"></script>
  <script type="text/javascript" src="path/InputUploader/ImageResizer/ImageResizer.js"></script>

if you want to use costume scrollbar design for -webkit- browsers add:

    <link rel="stylesheet" href="path/InputUploader/scrollbar/Scrollbar.css" />  

Example

  var inpt = new InputUploader();

or with options passed

 var inpt = new InputUploader({
     context: document.getElementById("container"),
     width: 300,
     height: 100,
     maxFiles: 5,
     resize: {maxHeight: 720, maxWidth: 1280},
     limitSize: '8mb',
  });

Options

Option	Type	Description
context	Element	The element to which the InputUploader should be appended.
className	String	A class name to be added to the InputUploader for customizability.
width	int	The InputUploader set width.
height	int	The InputUploader set height.
borderColor	String	Set the color for the InputUploader outer border.
resize	Object	The options object for the ImageResizer. false for no resizing.
maxFiles	int	The maximum number of files allowed.
accept	String	Sets the accept attribute for the file selector.
label	String	HTML string to be set as the file uploading tab label.
limitSize	String	Set a total file size limit value as size + Mb/M/Kb/K/B. false for no limit
limitAlert	Function	Callback function to be called when a over limit size alert should be fired.

Methods

Name	Description
value()	Get the InputUploader instance text and files value as an object.
clear()	Clear the InputUploader instance from files and text.
simplfy(Bool)	Toggle the InputUploader into/from being a "simple" reseted textarea to normal
preview()	Re-render the selected file gallery files tumbnails.
addPreview(File)	Add the passed file object thumbnail to the preview gallery. The File object need to include a unique fileId property
uploadToggle()	Toggle the upload tab (expand/shrink).
uploadShrink()	Shrink the upload tab.
addFile()	Add a new file to the files stack from the input element.
removeFile(Int)	Remove the selected file from the files stack, by the sent unqiue Id.
onResizeEnd(Func)	Fire the given callback function as soon as all resizings ends.
isResizing()	Returns true there's a image resizing in progress.