Angular Filepicker.io library demo

Filepicer.io
Your files are everywhere. Find them all in one place with Filepicker.com

Filepicker pick file directive

<input filepicker type="filepicker" data-fp-services="{{services}}" on-success="pickResults=event.fpfile" />
		

Results

{{pickResults || 'Run example to see results' | json:2}}

filepicker-dragdrop directive with multiple files option

<input filepicker type="filepicker" data-fp-multiple="true" data-fp-services="{{services}}" on-success="pickMultipleResults=event.fpfiles" />
		

Results

{{pickMultipleResults || 'Run example to see results' | json:2}}

Convert filter

Width = 200px

<img src="{{fpConvertExamples[0]}}>

Crop = 100,100,300,300

<img src="{{fpConvertExamples[1]}}>

Filter = sharpen + width = 300

<img src="{{fpConvertExamples[2]}}>

filepicker-widget directive with multiple files option

Select file to preview

<div filepicker-preview url="previewUrlExample" style="width:90%; height:500px"> </div>