k-photo-upload
v0.6.9
Published
Component for "profile photo" uploading.
Downloads
10
Readme
k-photo-upload
Component for "profile photo" uploading.
##Demo
https://derby-demos.herokuapp.com/k-photo-upload
##Install
npm install k-photo-upload
##Usage
app.use(require('k-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
<k-photo-upload on-uploaded="uploaded()" on-err="handleError()" url="//upload" inputname="photo" src="{{_page.user.local.photo}}" alt="{{defaultPic()}}" spinner="{{weAreCropping}}" lang="fi"></k-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
becauseerror
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