정의

vue-file-input is a vue-component that displays a list of attachments. Please note that vue2 and bootstrap4 have dependencies.

• Return the attachment data as an array
• File size and number of files can be limited
• English and Korean support

Getting Started

1npm install vue-file-input

Usage

Example

1<template>
2  <vueFileInput
3    :fileCount = 5
4    :filelimitSizeByte = 10485760
5    @getFileInfoArray = "fromFileInfoArray"
6    :horizontal = true
7    :language = 'ko'
8  ></vueFileInput>
9</template>
10
11<script>
12import vueFileInput from 'vue-file-input'
13import  'vue-file-input/dist/vue-file-input.esm.css' //bootstrap4
14
15export default {
16  name: 'App',
17  components: { vueFileInput },
18  data () {
19        return {
20            fileInfo:[],
21        }
22    },
23  methods:
24  {
25    fromFileInfoArray(array)
26    {
27        this.fileInfo = [...array];
28    },
29  }
30}
31</script>

---

Properties

Property name	Type	Default	Required	Description
fileCount	Number	5	❌	limit number of files
filelimitSizeByte	Number	10485760	❌	Limiting file size (kb)
horizontal	Boolean	false	❌	Setting to display the file list horizontally and vertically
getFileInfoArray	function	❌	✅	Function that returns attachment data as an array
language	string	en	❌	English and Korean support

---

License

MIT