el-upload限制图片格式
时间: 2023-10-08 13:13:07 浏览: 88
图片上传-可以限制图片的大小和类型
4星 · 用户满意度95%
el-upload组件可以通过在before-upload属性中添加判断上传文件是否为图片格式的逻辑来限制图片格式。引用中的代码展示了这样的一个实例。在handleBeforeUpload方法中,可以通过获取文件后缀名,判断是否为支持的图片格式,如果不是则显示错误提示。代码中使用的是suffix、suffix2、suffix3分别判断是否为jpg、png、jpeg格式的图片。如果是其他格式的文件,则会显示错误提示"只能上传图片!"。同时,如果需要限制图片的大小,可以添加isLt1M的判断逻辑,判断文件大小是否超过1MB。如果超过限制大小,会显示错误提示"上传图片大小不能超过 1MB!"。通过这样的限制逻辑,可以确保用户只能上传指定格式的图片。
阅读全文