fileuploader
File uploader component in Angular2
Installation
recommended way to install is through npm package manager using the command:
npm install fileuploader --save
Documentation
Inputs
type
(string
) - used to identify how the files will be handled, currently only image has particular handlingcpntID
(string
) - the id of the component, used to facilitate testingaccepted
(string
) - a string that dictates which types of archives will show up on the upload dialogmaxSize
(number
) - the maximum size a file can have to be allowed, expressed in bytes i.e: 1000 = 1 kbmultiple
(boolean
) - if the component will take multiple files, default is trueencode
(boolean
) - if the component will generate a base64 string of the uploaded files, default falseinvalidFilemsg
(string
) - used to show the alerts for files that failed to load, default is "Invalid File", ": " is added automaticallyinvalidFormatmsg
(string
) - used to show the alerts for invalid format, default is "Invalid Format", used for images mainly
Outputs
results
: currently only used for image type inputsfail
: A string containing the names of all files that couldn't be uplaoded, normally caused if the file is over the maxSize
Fields
files
(File[]
) : holds the files uploaded to the component, used if the multiple input is set to truemFile
(File
) : holds the single file uploaded, used when multiple is set to falseencoded
(string[]
) : holds the base64 of all files uploaded to the component, empty if encode = falsefailed
(string[]
) : holds the names of all files that failed to upload;
Snippets
Below is an example of a basic template, it can also be found in the snippets folder;
Drag your files here Select the files Atention: Only XML or ZIP files are accepted. {{f.size / 1024 | number : '1.0-0'}} KB {{f.name}} X