@credenceanalytics/file-upload

Installation

npm install @credenceanalytics/file-upload --save

Usage

import { 
    FileUpload, 
    FileUploadContainer,
    FileUploadGalleryItem,
    FileUploadList,
    FileUploadListItem,
    FileUploadSingleItem,
    FileUploadUndo  
} from '@credenceanalytics/file-upload'

export default {
    ...
    components: {
      FileUpload, 
      FileUploadContainer,
      FileUploadGalleryItem,
      FileUploadList,
      FileUploadListItem,
      FileUploadSingleItem,
      FileUploadUndo 
    }
}

Simple file upload with different type such as single, galary, list:

<FileUpload type="single" v-model="file"/>
<FileUpload type="galary" v-model="file"/>
<FileUpload type="list" v-model="file"/>

File Upload example which allows only one file to upload

<template>
  <file-upload type="single" v-model="single" />
</template>
<script>
export default {
  data() {
    return {
      single: []
    }
  }
};
</script>

File Upload example which allows multiple file to upload with default view.

<template>
  <file-upload type="list" v-model="multiple" />
</template>
<script>
export default {
  data() {
    return {
      multiple: []
    }
  }
};
</script>

File Upload example which allows multiple file to upload with galary view.

<template>
  <file-upload type="galary" v-model="multiple" />
</template>
<script>
export default {
  data() {
    return {
      multiple: []
    }
  }
};
</script>