使用elementui实现表单上传功能_使用ElementUI中的upload组件上传Excel文件

最初使用该组件实现图片上传是没有问题的，前后端配合，最终实现想要的效果，组件使用过代码如下:

将文件拖到此处，或点击上传

现在改为使用该组件实现Excel文件上传，组件的使用几乎是不变的，代码如下：

将文件拖到此处，或点击上传

一次只能上传一个文件，仅限text格式，单文件不超过1MB

触发的方法如下代码：

// 上传文件之前的钩子

beforeUpload (file) {

console.log('beforeUpload')

console.log(file.type)

const isText = file.type === 'application/vnd.ms-excel'

const isTextComputer = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'

return (isText | isTextComputer)

},

// 上传文件个数超过定义的数量

handleExceed (files, fileList) {

this.$message.warning(`当前限制选择 1 个文件，请删除后继续上传`)

},

// 上传文件

uploadFile (item) {

console.log(item)

const fileObj =