https://github.com/bluewatertracks/bwt-uploader

Polymer component that allows uploading of images and pdf files
https://github.com/bluewatertracks/bwt-uploader

bwt-uploader image pdf polymer uploader web-component web-components

Last synced: 3 months ago
JSON representation

Polymer component that allows uploading of images and pdf files

• Host: GitHub
• URL: https://github.com/bluewatertracks/bwt-uploader
• Owner: bluewatertracks
• License: mit
• Created: 2017-02-06T18:40:50.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-09-12T17:50:54.000Z (over 6 years ago)
• Last Synced: 2024-10-10T06:56:20.546Z (4 months ago)
• Topics: bwt-uploader, image, pdf, polymer, uploader, web-component, web-components
• Language: HTML
• Homepage:
• Size: 5.3 MB
• Stars: 11
• Watchers: 4
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/bluewatertracksbwt-uploader)

[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/bluewatertracksbwt-uploader.svg)](https://vaadin.com/directory/component/bluewatertracksbwt-uploader)

## About

`bwt-uploader` is a file uploader with support for pdf files, jpeg, png and bmp images written in Polymer. It follows a plug and play model with a few configurations needed to enable certain features. It is partially inspired by the vaadin uploader and came out as a result of a component we built at Blue Water Tracks. Images are converted to base64 images which might increase the size of the file by a small percentage.  

## Features

- Simple Drag and Drop along with browse option

- Ability to upload images and pdf files

- Down sample and resize images (optional)

- Ability to upload pdf files

- Preview of pdf and image files (just the first page in case of pdf files)

- Progress Bar

- Configurable AJAX options as well as ability to insert extra fields into the upload object

- Ability to skip downsampling of image

- Configurable maximum file size

- Customizable CSS and shape of preview area

## Installation

To install `bower install bwt-uploader`

To run the code, head into the component's folder and run `polymer serve`

To run the tests `polymer test`

## Demo And Documentation

[bluewatertracks.github.io/bwt-uploader][cf34a7bc]

  [cf34a7bc]: https://bluewatertracks.github.io/bwt-uploader "Demo page"

## Example

A simple example of an Image upload

``

## Feedback and Contributions

 Both are welcome, feel free to create an issue and we will try to come up with fixes or added features for requests.

## Contributors

| | | |

|----------|:-------------:|------:|

| [![@bhargavkonkathi](https://avatars2.githubusercontent.com/u/24550636?v=3&u=ddd3f64f6888100d6eebd283768b61dabc6f495d&s=80)](https://github.com/bhargavkonkathi) |  Programming is like playing chess; each line is as important as each step to determine what kind of player or programmer you are. When ever not playing chess, it's Javascript, Java and mongodb.

| [![@maisnamraju](https://avatars2.githubusercontent.com/u/2786378?v=3&s=80)](https://github.com/maisnamraju) |  Javascript Ninja; saving the world with one line of javascript at a time. ;) 

| [![@dhrytsenko](https://avatars0.githubusercontent.com/u/12988041?v=3&s=80)](https://github.com/dhrytsenko) | What is my opinion about JavaScript, NodeJS, MongoDB and Polymer? Building blocks to the future! Allowing me to help make the world a better place.

## LICENSE

This project is licensed under the terms of the MIT license.