上传文件限制格式为PDF和图片样式

上传文件限制格式为PDF和图片样式,通过判断后缀名来进行限制,应该怎样处理

img

找一下上传之前的事件 这是参照element 实现的,对应改一下


beforeAvatarUpload(file) {
      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
      const extension =
        testmsg === "jpg" ||
        testmsg === "JPG" ||
        testmsg === "png" ||
        testmsg === "PNG" ||
        testmsg === "pdf" ||
        testmsg === "PDF";
      const isLt50M = file.size / 1024 / 1024 < 10;
      if (!extension) {
        this.$message({
          message: "上传图片只能是jpg / png / pdf格式!",
          type: "error"
        });
        return false; //必须加上return false; 才能阻止
      }
      console.log(file);
      if (!isLt50M) {
        this.$message({
          message: "上传文件大小不能超过 10MB!",
          type: "error"
        });
        return false;
      }
      return extension || isLt50M;
    }

再有可以再input 标签的 accept
上传file时accept限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式

<input type="file" accept="image/*" />   

audio/* 接受所有的声音文件。
video/* 接受所有的视频文件。
image/* 接受所有的图像文件。
MIME_type 一个有效的 MIME 类型,不带参数。请参阅 IANA MIME 类型,获得标准 MIME 类型的完整列表。

你自己写个事件根据后缀判断下也行

你可以获取上传成功之后的后缀,然后不是你要的类型 你就清空这个变量,提示他上传错误即可

你用的j-upload控件,我看了下控件文档有个属性叫fileType,用来限定文件类型的......写在控件调用函数里就可以自动过滤.....[吃瓜

看了下官方文档,好像只能写个事件从你的上传文件列表判断后缀了