Package Exports
- vue-file-input
- vue-file-input/dist/vue-file-input.esm.js
- vue-file-input/dist/vue-file-input.ssr.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-file-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
정의
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
npm install vue-file-inputUsage
Example
<template>
<vueFileInput
:fileCount = 5
:filelimitSizeByte = 10485760
@getFileInfoArray = "fromFileInfoArray"
:horizontal = true
:language = 'ko'
></vueFileInput>
</template>
<script>
import vueFileInput from 'vue-file-input'
import 'vue-file-input/dist/vue-file-input.esm.css' //bootstrap4
export default {
name: 'App',
components: { vueFileInput },
data () {
return {
fileInfo:[],
}
},
methods:
{
fromFileInfoArray(array)
{
this.fileInfo = [...array];
},
}
}
</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