lf-ng-md-file-input

Usage

lf-ng-md-file-input directive will return a array via lf-files attribute binding, the object in array contain two object are lfFile and lfDataUrl, that you can grab file and preview dataurl easily.

Basic

<lf-ng-md-file-input lf-files="files01" lf-api="api01" ng-disabled="disabled01"></lf-ng-md-file-input> <md-button class="md-raised md-warn" ng-click="api01.removeAll()">remove all file outside</md-button> <md-checkbox ng-model="disabled01" aria-label="disabled01"> Disable </md-checkbox>
remove all file outside Disable

Multiple

<lf-ng-md-file-input lf-files="files02" lf-api="api02" multiple></lf-ng-md-file-input> <md-button class="md-raised md-warn" ng-click="api02.removeAll()">remove all file outside</md-button> remove all file outside

Custom placeholder

<lf-ng-md-file-input lf-files="files03" lf-placeholder="my placeholder" ></lf-ng-md-file-input>

Custom labels

<lf-ng-md-file-input lf-files="files07" lf-browse-label="Search" lf-remove-label="Delete" ></lf-ng-md-file-input>
<lf-ng-md-file-input lf-files="files08" lf-browse-label="Search" lf-remove-label="Delete" lf-drag-and-drop-label="Drag and Drop here!" drag preview></lf-ng-md-file-input>

Preview

<lf-ng-md-file-input lf-files="files04" preview ></lf-ng-md-file-input>

Drag

<lf-ng-md-file-input lf-files="files05" drag preview ></lf-ng-md-file-input>

Combination

<lf-ng-md-file-input lf-files="files06" lf-placeholder="Pick Image" multiple drag preview ng-disabled="disabled06"></lf-ng-md-file-input>
Disable

LF © copyright