element-ui的el-upload 限制只能上传图片类型的文件

element-ui的el-upload 限制只能上传图片类型的文件

• 问题描述：
• 解决方案：

问题描述：

使用 accept=".jpeg,.png,.jpg,.bmp,.gif" 限制 el-upload 组件 还是可以上传非 accept 中类型的文件。

解决方案：

我们可以通过 :before-upload 来控制 上传前的 检查操作，检查到文件不是 accept 中类型的文件类型，提示错误
代码如下：

		<el-uploadaccept=".jpeg,.png,.jpg,.bmp,.gif":before-upload="checkFileType">

checkFileType (file) {const fileName = file.nameconst fileType = fileName.substring(fileName.lastIndexOf('.'))// jpeg,.png,.jpg,.bmp,.gifif (fileType === '.jpg' ||fileType === '.png' ||fileType === '.jpeg' ||fileType === '.bmp' ||fileType === '.gif') {// 不处理} else {this.$message.error('不是,jpeg,.png,.jpg,.bmp,.gif文件,请上传正确的图片类型')return false}}

创作不易，如能对您有所帮助，感谢您的支持，欢迎打赏，充电

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