简单上传文件
- 市面上有挺多的上传附件组件,但是我只是单纯想实现
做了某件事件然后触发了上传文件的功能仅此而已
源码
const onUploadFile = ( callback,attribute={}) => {
let opiton = {
accept: attribute.accept ? attribute.accept : "image/*",
multiple: attribute.multiple ? attribute.multiple : false
}
const oInput = document.createElement('input')
oInput.type = 'file'
oInput.accept = opiton.accept
oInput.multiple = opiton.multiple
oInput.click()
oInput.addEventListener('change', onChange)
async function onChange() {
callback(this.files)
}
}
二、参数
1. callback
| 名称 | 功能 | 接收参数 |
|---|
| callback | input-change时触发的回调 | 文件信息 |
2. attribute
| 名称 | 功能 | 默认值 | 可选值 |
|---|
| attribute | 设置属性 | {} | attribute.accept、attribute.multiple |
| attribute.accept | 文件上传类型 | "image/*" | 自行百度 |
| attribute.multiple | 是否多选 | false | false、true |