【vue系列】ELEMENT :before-upload 阻止上传PDF等文件

<el-upload
  class="avatar-uploader"
  action="https://jsonplaceholder.typicode.com/posts/"
  :show-file-list="false"
  :on-success="handleAvatarSuccess"
  :before-upload="beforeUpload">
  <img v-if="imageUrl" :src="imageUrl" class="avatar">
  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

:before-upload (给它ruturn一个false)就能阻止上传

实战

    // 限制上传PDF
    beforeUpload(file) {
      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
      const extension = testmsg === "pdf";
      if (extension) {
        this.$message({
          message: "上传文件不能是.pdf格式!",
          type: "warning",
        });
      }
      return !extension;   //这里是 ！extension  注意逻辑判断.
    },