image-uploader
Install
npm install -s vue-profile-uploader
Usage
<template>
<div class="">
<vue-profile-uploader v-model="logo" endpoint="{your-endpoint}"/>
</div>
</template>
<script>
import VueProfileUpload from "vue-profile-uploader";
export default {
props: {
msg: String
},
components: {
VueProfileUploader
},
data() {
return {
logo: ""
};
}
};
</script>
Props
name | type | Description | Required | Default |
---|---|---|---|---|
value | string | image path | true | "" |
endpoint | string | url to the upload | true | "" |
placeholder | string | text to show in the box when there's no image | false | "Click to upload" |
fieldName | string | field name of the file expected in the backend | false | "logo" |
Events
name | payload |
---|---|
input | value |
upload | response |
error | error object |