<template>

<image-to-base64 
   :maxSize ='100/1024'
   :previewImage='previewImage' 
   @file-info='reciveFileInfo' 
   @size-error='sizeError' 
   @type-error='typeError' 
   class='upload-btn'>
</image-to-base64>

</template>


<script>

 import imageToBase64 from 'imageToBase64';
 import upload from '..'
 export default {

   components: { imageToBase64 },
   data(){
       return {
           previewImage:true,//是否预览图片
       }
       },
   methods: {
     getFiles(files){
       console.log(files);
     },
       reciveFileInfo(v) {
           // console.log(v)
           this.fileInfo = v
           v &&  this.uploadImage() //上传
       },
       sizeError(v) {
           v && alert('图片过大')
       },
       typeError(v) {
           v && alert('类型错误')
       },
       uploadImage() {
           if (this.fileInfo) {
               upload(this.fileInfo.base64).then( url => {
                   console.log(url)
               })
               .catch( err => {
                   console.log(err)
               })
           }
       },
   }
 };

</script>