目录

 手动上传

选择文件时，限定文件类型

选择文件时，限制文件总数

文件上传前的文件类型和文件大小校验

完整范例代码

 手动上传

:auto-upload="false"

this.$refs.upload.submit();

选择文件时，限定文件类型

 accept=".xlsx,.xls"

选择文件时，限制文件总数

:limit="1"

超出文件总数时，触发 

:on-exceed='limitCheck'

// 选择的文件超出限制的文件总数量时触发
limitCheck() {this.$message.warning('每次只能上传一个文件')
},

文件上传前的文件类型和文件大小校验

:before-upload="beforeUpload"

// 文件上传前的校验 —— 常见的校验有：校验文件类型，文件大小
beforeUpload(file) {// 允许上传的文件格式列表let acceptList = ["xlsx", "xls"]// 根据文件名获取文件的后缀名let fileType = file.name.split('.').pop().toLowerCase()// 判断文件格式是否符合要求if (acceptList.indexOf(fileType) === -1) {this.$message.error('只能上传 xlsx/xls 格式的文件 !');return false}// 判断文件大小是否符合要求if (file.size / 1024 / 1024 > 1) {this.$message.error('上传文件大小不能超过 1M !');return false}
}

完整范例代码

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！