v-upload-base64

File upload component for Vue.js

Installation

Using yarn

yarn add v-upload-base64

Using npm

npm i --save v-upload-base64

Usage

Examples

As component

<template>
  <v-upload multiple v-model="form.file" @input="file" @update="files">
    <template v-slot:default="a">
      <i @click="a.open()" class="cursor-pointer material-icons" >add_circle_outline</i>
    </template>
  </v-upload>
</template>
 
<script>
import VUpload from 'v-upload-base64';
 
export default {
  data () {
    return {
      form: {
        file: []
      }
    }
  },
  methods: {
    file (f) {
      console.log(f); // a File object or collection of File objects
    },
    files(f) {
      console.log(f); // a collection of File objects
    }
  }
}
</script> 

Properties

Name	Type	Required	Default	Info
v-model	Any	False
camera	Boolean	False	False	If true when open on mobile devise will be open the camera, not chose a file
multiple	Boolean	False	False	If you want to select multiple file should be true
types	String	False	'image/*'	Types for inpyt type file
clear	Boolean	False	True	Clear internal container if select another file(s)
debug	Boolean	False	True	Show debug information
maxSize	Number	False	0	Max size of file for upload in 'Mb', 0 = any size
disabled	Boolean	False	False	Set true for disable ability for upload anything

Events

Name	Params	Info
input	event: File Object or [File, File,...]	Triggered after File readed from disk
update	event: [File, File,...]	Triggered after File readed from disk

Suggest

For create from base64 img src or show pdf or xls file on new browser window you can use package satellite vue-small-plugin

License

This project is licensed under MIT License