Vue Upload 兼容IE9

el-upload 并不支持IE9环境, 于是自己简单封装了一个支持IE9的Upload组件(基于 Web Uploader)

效果:

上传中

上传完成

组件:

使用:

methods: {
  beforeUpload(file) {
    const uploadData = {
      fileName: file.name
    }
    return new Promise((resolve) => {
      this.$nextTick(() => {
        resolve(uploadData)
      })
    })
  },
  onSuccess(response, file) {
  }
}

特殊说明:

1. .swf 文件的地址注意是否跨域, 否者IE上传无效. 最好跟着打包文件走.

2. accept 要写就把子属性写全, 否者IE上传无效

3. Demo里的是Excel文件, 如需其他文件自行修改 accept 类型

多看官方文档