简单上传文件

218 阅读1分钟

简单上传文件

  • 市面上有挺多的上传附件组件,但是我只是单纯想实现做了某件事件然后触发了上传文件的功能仅此而已

源码

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

名称功能接收参数
callbackinput-change时触发的回调文件信息

2. attribute

名称功能默认值可选值
attribute设置属性{}attribute.accept、attribute.multiple
attribute.accept文件上传类型"image/*"自行百度
attribute.multiple是否多选falsefalse、true