Import medias easily and as the most secure way as possible.
Description
This library is used to easily, and securely, create one or more file selection inputs. It is possible to configure according to our wishes such as, for example, specifying the type of authorized file (.pdf, .png ...) The library takes care of all the security aspect, that is to say the verification of the metadata of the selected file to ensure the authenticity of the latter.
Get started
npm i media-selector
Include HTML
To start well include the following html. This permit to media-selector to focus your media input file.
Select a file
By default the file button is stylized. To restyled, just add custom classes or only add the following html :
Include JS
Import library :
;
or :
const MediaSelector = ;
Use :
Then, you can configure according to your wishes.
Here are the available configuration options :
- ##### 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
;
Successful file upload return an object with file infos.
Ex :
Available file formats :
- AVI
- BMP
- DOC,
- DOCX
- DLL
- XLS
- XLSX
- EXE
- FLV
- GIF
- GZ
- ICO
- JPEG
- PNG
- MSI
- MP3
- PPT
- PPTX
- RAR
- TIFF
- TIF
- TAR
- WMV
- WM
- ZIP
- XML
Thanks
Thanks for using my library.
Bug
If you spot any bug contact me : Lucas Estrade (lucas.estrade5@hotmail.fr)
Development
This library may be improve (must).
Do not hesitates to propose some updates via the project github : project github
Licence
MIT