1.0.0 • Published 5 years ago

file_upload_nivesh v1.0.0

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

<dsc-polymer-image-upload>

Build Status Bower version npm.io

Images crop and upload.

demo demo

Differential:

  • Easy to use
  • Fully compatible with restfull APIs (base64 encode)
  • Resize and crop image
  • JPG size optimization
  • Validate file name, width, height, aspect ratio, size and quantity of files
  • Order suport
  • Custom file name and description
  • Customizable style

Demo

$ git clone https://github.com/discovery-tecnologia/dsc-polymer-image-upload.git
$ cd dsc-polymer-image-upload
$ npm install
$ npm install -g polymer-cli
$ polymer serve

Open browser: http://localhost:8080/components/dsc-polymer-image-upload/demo/

Usage

Install with:

$ bower i dsc-polymer-image-upload --save

Example usage:

<dsc-polymer-image-upload
    max-files="10"
    aspect-ratio="16:9"
    max-width="1920"
    max-height="1080">
</dsc-polymer-image-upload>

API Reference

Properties

PropertyDescriptionDefault
languageSelect component language ('en', 'pt' or 'es')en
max-filesMaximum number of files5
max-file-sizeMaximum size in bytes per file1024000 (1MB)
min-widthMinimum image width in pixels320
max-widthMaximum image width in pixels1920
min-heightMinimum image height in pixels240
max-heightMaximum image height in pixels1080
aspect-ratioForce aspect ratio of crop. Ex: 16:9, 4:3, 1:1, 2:3 or 0 for free1:1

Methods

MethodDescription
setData()Set array of objects by exitent items. The format of the objects must be the same as that returned by the getData method
isValid()Boolean state of validation
getData()returns JSON array of object items. It is recommended to check the 'isValid' method before getting the items

Events

none

Test

Check sintax and execute selenium tests.

$ npm test

TODO

  • contrast and brightness
  • More tests