dpu

d-photo-upload

Component for "profile photo" uploading.

Showing:

Popularity

Downloads/wk

2

Maintenance

No Maintenance Data Available

Package

Dependencies

2

Size (min+gzip)

2.1KB

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

d-photo-upload

Component for "profile photo" uploading.

##Demo

https://derby-demos.herokuapp.com/d-photo-upload

##Install

npm install d-photo-upload

##Usage

app.use(require('d-photo-upload'));
<d-upload-photo on-uploaded="uploaded()" on-err="handleError()" url="/upload" 
    class="file-input" inputname="photo" src="{{_page.photo}}" lang="en"></d-upload-photo>

or

<d-photo-upload on-uploaded="uploaded()" on-err="handleError()" url="//upload" inputname="photo" src="{{_page.user.local.photo}}" alt="{{defaultPic()}}" spinner="{{weAreCropping}}" lang="fi"></d-photo-upload>

... here we tell the component to show a spinner while a certain variable (weAreCropping) is set to true.

  • on-uploaded the function to call when upload is ready.
  • on-err the function to call in case of an error. The event used is err because error is a bit more special in Derby.
  • url where to upload (url)
  • class the classname to give to the original file input field.
  • inputname the name attribute that will be given to the uploaded image. This will be given to the file input field as <input name="inputname" ... as well as to the file that is uploaded through XHR.
  • src the path to the photo url
  • lang for localization. The translations are held in the css file (index.styl).

Credits

https://github.com/lever/l-upload

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100