A file upload component for vue. (vue文件上传组件)
npm install vue-upload-fileshell
$ npm install vue-upload-file
`
Usage（使用）
#### Props（参数）
| 名称 | 类型 | 默认 | 说明 |
| ----------------| ---------------- | ---------------| ------------------------------------------|
| field | String | 'upload' | 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分 |
| key | | 0 | 类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分 |
| value | Boolean | | 是否显示控件 |
| url | String | '' | 上传地址 |
| params | Object | null | 要附带的其他数据，如 {k:v} |
| maxSize | Number | 2048 | 单文件大小限制（kb） |
| onlyImg | Boolean | false | 仅限图片 |
| onlySingle | Boolean | false | 仅限单文件上传 |
| langType | String | 'zh' | zh/en 语言类型 |
| langExt | Object | | 语言包扩展 |
#### Language Package（语言包）
`js
{
zh: {
hint: '点击，或将文件拖动至此处',
loading: '正在上传……',
noSupported: '浏览器不支持该功能，请使用IE10以上或其他现代浏览器！',
success: '上传成功',
fail: '上传失败',
error: {
onlyImg: '仅限图片格式',
onlySingle: '仅限单文件上传',
outOfSize: '单文件大小不能超过 ',
}
},
en: {
hint: 'Click, or drag the file here',
loading: 'Uploading……',
noSupported: 'Browser does not support, please use IE10+ or other browsers',
success: 'Upload success',
fail: 'Upload failed',
error: {
onlyImg: 'Images only',
onlySingle: 'Single file only',
outOfSize: 'File exceeds size limit: '
}
}
}
`
#### Example(使用示例)
`html
上传图片
field="img"
key="1"
max-size="500"
:only-single="true"
:value="true"
:only-img="true"
:params="params">
``