问题遇到的现象和发生背景
想用Vue simple uploader做一个文件上传的功能,只允许csv和excel文件,但发现上传什么文件都不行
问题相关代码,请勿粘贴截图
html代码
<uploader
ref="uploader"
v-loading="loading"
element-loading-text="正在上传"
:options="options"
:autoStart="false"
:file-status-text="fileStatusText"
@file-added="onFileAdded"
@file-success="onFileSuccess"
@file-progress="onFileProgress"
@file-error="onFileError"
@file-removed="fileRemoved"
class="uploader-ui"
>
<uploader-unsupport></uploader-unsupport>
<uploader-drop>
<div>
<uploader-btn
id="global-uploader-btn"
ref="uploadBtn"
v-show="!fileSuccess"
>
选择文件
<i class="el-icon-upload el-icon--right"></i>
</uploader-btn>
</div>
</uploader-drop>
<uploader-list></uploader-list>
</uploader>
js
onFileAdded(file) {
this.loading = true;
if (
[
"text/csv",
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
].indexOf(file.fileType) === -1
) {
this.$message.error("请上传正确的格式");
file.ignored = true;
} else {
this.$message.success("文件格式验证成功!");
this.$emit("checkFileSuccess", file);
}
this.loading = false;
// videoApi.checkVideoName(file.name).then(response => {
// console.log(response)
// this.$message.success('文件名称验证' + response.data.msg)
// this.$emit('checkFileSuccess', file)
// }).catch((error) => {
// file.cancel()
// console.log('error', error)
// this.$message.error('出现文件重名问题,请更换文件名后重试 (' + error.msg + ')')
// })
}
运行结果及报错内容
我的解答思路和尝试过的方法
觉得应该是csv或者是excel的content-type不正确,因为试过视频的格式是可以的