elementui上传图片限制上传类型

elementui上传图片限制上传类型

// 封装一个判断图片文件后缀名的方法
function isImage(fileName) {
  if (typeof fileName !== 'string') return;
  let name = fileName.toLowerCase();
  return name.endsWith('.png') || name.endsWith('.jpeg') || name.endsWith('.jpg') || name.endsWith('.png') || name.endsWith('.bmp');
}

 

 

 

 我们看到有个属性是:on-change=uploadChange,在每一次点击上传按钮，上传列表发生改变时，我们在此时做个处理如下

     // 方法判断
     uploadChange(file, fileList) {
        // 拿到当前上传图片的name，判断其后缀名是否符合
        let type = isImage(file.name);
        console.log(type);
        this.fileList = fileList;
        let fileLength = this.fileList.length;
        if (!type) {
         // 若不符合图片类型，则让当前上传的文件去除掉即可，即从上传对列删除本次上传
          this.fileList.splice(fileLength - 1, 1);
          this.$message.error('只允许上传图片');
        }
        this.isHasDataChange = true;

      },

往前端的道路一去不复返，兄弟姐妹们加油，原谅的颜色