上传文件
<el-upload ref="uploadFile" action="#"
:http-request="uploadAction"
:on-exceed="handleExcel" :limit="1"
:show-file-list="false"
:auto-upload="true"
:before-upload="beforeUpload"
class="uoloadStyle">上传</el-upload>
js部分
const uploadFile = ref()
const handleExcel = (files: File[], fileList: UploadFile[]) => {
if (fileList.length >= 1) {
ElMessage.error('只能上传一个文件')
return;
}
}
//文档格式校验
const beforeUpload = (file: UploadRawFile) => {
const type = ['text/csv']
if (type.indexOf(file.type) === -1) {
ElMessage.error('上传的文件必须是csv格式!')
return false
} else if (file.size / 1024 / 1024 > 15000) {
ElMessage.error('文件大小不能超过15MB!')
return false
}
return true
}
const uploadAction = (option): any => {
let param = new FormData();
param.append('file', option.file);
console.log('option.file', param)
uploadFileName(param).then((res: any) => {
if (res) {
ElMessage.success('文件上传成功')
} else {
ElMessage.error(res.msg)
}
})
}
原理 file文件上传