imadx / vue-photo-upload

Simple UI for cropping, positioning and uploading a single photo. A Vue Component.

Vue Photo Upload

Simple UI for cropping, positioning and uploading a single photo.

Installation

1. Install using npm

npm install --save vue-photo-upload

2. Import Vue and vue-photo-upload

import Vue from 'vue'  
import PhotoUpload from 'vue-photo-upload'  
Vue.use(PhotoUpload);

3. Include components with your app

Within your Vue app, use, <photo-upload></photo-upload> as a Vue.component, with the following options.

<photo-upload 
    :enableEdits="true"
    :photoDefault="defaultPhoto"
    buttonClass="btn btn-primary"
    :showMessages="true"
    @photo-submit="photo_upload"
    @photo-change="photo_changed"
    >
</photo-upload>

The enableEdits, and photoDefault props can be reactive.
Use photoDefault can be used to include a default photo or an existing photo. The photo_upload event emits event parameters and the html5 file component

photo_upload: function(e, file){
    console.log(e,file)
}

vue-photo-upload's Issues

Uncaught SyntaxError: Unexpected token export

Hi

I am trying to import the component, but I get the following error message:
Uncaught SyntaxError: Unexpected token export.

When I click on the error, it takes me to the following place:
export default PhotoUpload

index.js missing extension

Hi, Line 3 in the index.js should have the extension .vue otherwise it can't find the file.