element上传控件监听不到excel

如果您使用的是 Element UI 中的上传控件，并且无法监听到 Excel 文件的上传事件，可能是因为默认情况下 Element UI 的上传控件只会监听图片文件和文本文件的上传。

要监听 Excel 文件的上传事件，可以在上传控件中添加 before-upload 属性，并在该属性对应的方法中检查上传文件的类型。以下是一个示例：

html

Copy code

<el-upload

class="upload-demo"

action="/upload"旁氏薯

:before-upload="handleBeforeUpload"

>

<el-button size="small" type="primary">点击上传</el-button>

</el-upload>

javascript

Copy code

methods: {

handleBeforeUpload(file) {

const fileType = file.type

if (

fileType !== 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' &&

fileType !== 'application/vnd.ms-excel'

) {

this.$message.error('只能上传 Excel 文件')

return false

}

return true

}

}

在上面的示例运者中，handleBeforeUpload 方法会检查上传文件的类型，如果不是 Excel 文件则会d出错误提示并返回 false，阻止文件上传。如果文件类型正确，则返回 true，上传会继续进行。

请注意，在检查文件类型时，不同的 Excel 文件类型对应的 MIME 类型可能会有所不同。上面的核唯示例中检查了两种常见的 MIME 类型，您可以根据需要进行适当的修改。

时间有点长，记不大清楚灶洞了。

console.debug(arg),输出看下arg的结构，我这边图片文件消岩和视频的处理不一样，一个用arg[0].url,一个用的arg[0].src。

当时有个需求要显示上传前的文件名，因此拿辩御改动了ue,不记得是不是于此有关

1、引和神信入bootstrap.css和jquery.js

2、点击按钮后获取文件列表，添加到FormData，调用open函数指定类型与URL地址，在发起请唤轮求send（）；

3、监听onreadystatechange事件，当服务器回应后，把传回来的数据转换成JSON字符串，修改img的URL地址，让图片文件显示在页面中；

4、创建xhr对象开启监听文件上传进度，e.lengthComputable是true则计算进度条百分比，把结果给进度瞎困条；

5、进度条完成后，修改颜色，移除类添加类

HTML

JS

---