ng2-file-size
Table of Contents generated with DocToc
Description
Angular 2 validation directive for checking <input type="file" />
value to be of the valid size.
Works both with one & multiple files mode.
Installation
npm install ng2-file-size --save
npm i ng2-file-size -S
(shortcut)
Usage
Attention: in beta version use [ng2FileSizeErrorMsg]
param instead of [fileSizeErrorMsg]
one.
- import the module to your one:
; ; ;
- then use the directive:
<!-- 1. Make it's size restricted by min value (in bytes). 2. The error message is a default one: 'File size is invalid' --> <!-- 1. Make it's size restricted by max value (in bytes). 2. The error message is a default one: 'File size is invalid' --> <!-- 1. Make it's size restricted by min & max values (in bytes). 2. The error message is customized to 'File size must be less that 1mb and more that 1kb!' --> <!-- 1. Make it's size restricted by dynamic values (in bytes). 2. The error message is customized dynamically -->
Demo
See it here.
Acknowledgments
I express my gratitude to the valor-software team. This project structure is based on their ng2-file-upload solution, their tslint configuration and npm submodules manager.
Development
-
Clone/fork it
-
In
./src
directory you can find the directive sources & unit tests, in the./demo
one - the files for Github Pages demo. -
Use next npm scripts for development (they use angular-cli and ngm-cli):
3.1.
npm start
serves withng serve
command;3.2.
npm build
- created./dist
directory in the end;3.3
npm test
- runs unit tests withng test
using Karma and Angular 2 testing tools.3.4
npm run e2e
- runs e2e tests using Protractor and Selenium Webdriver.