https://github.com/lassehaslev/vue-imagepicker
Warning: Deprecated!!! Please use lassehaslev/vue-image-picker instead!
https://github.com/lassehaslev/vue-imagepicker
Last synced: 5 months ago
JSON representation
Warning: Deprecated!!! Please use lassehaslev/vue-image-picker instead!
- Host: GitHub
- URL: https://github.com/lassehaslev/vue-imagepicker
- Owner: LasseHaslev
- License: mit
- Created: 2016-07-07T13:27:28.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2016-12-20T22:05:11.000Z (over 9 years ago)
- Last Synced: 2025-10-04T13:34:28.977Z (10 months ago)
- Language: Vue
- Homepage: https://github.com/LasseHaslev/vue-image-picker
- Size: 171 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Warning: Deprecated!!!!!!!
Please use [ @lassehaslev/vue-image-picker ](https://github.com/LasseHaslev/vue-image-picker) instead
# @lassehaslev/vue-imagepicker
> Simple image picker for vuejs.
## Installation
Run ```npm install @lassehaslev/vue-imagepicker --save``` in your project folder
## Usage
``` js
import Vue from 'vue'
// Install dependencies
import { ImagePickerInstall } from '@lassehaslev/vue-imagepicker';
Vue.use( ImagePickerInstall );
import ImagePicker from '@lassehaslev/vue-imagepicker';
url="/path/to/api"
:models="[{ path: '/path/to/image.jpg' }]"
:multiple="true">
Select image
export default {
components: { ImagePicker }
events: {
'ImageSelected'( image ) {
console.log( image )
}
}
}
});
```
#### Styles
Styles can be found ```dist/ImagePicker.css```.
##### Modify style
You can also use ```src/styles/ImagePicker.styl``` to compile your own css.
## Development
Because of strange error with browserify you need to remove. before compiling. Just be sure to put it back in, before you publish.
``` json
"browserify": {
"transform": [
"vueify",
"babelify"
]
}
```
``` bash
# Clone package
git clone https://github.com/LasseHaslev/vue-imagepicker
# install dependencies
npm install
# serve with hot reload at http://localhost:3000/
gulp watch
# build for production with minification
gulp --production
```
## License
MIT, dawg