上传文件(方便使用)

上传文件

 <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文件上传