ElementUI中el-upload中怎樣限制上傳文件的格式

場景

使用el-upload上傳文件時限制只能上傳指定格式的文件。

比如這里只允許上傳apk格式的文件。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

通過添加accept=".apk"來添加打開時的默認類型

          <el-upload
            :headers="headers"
            :action="url"
            :multiple="false"
            :file-list="fileList"
            :on-remove="fileRemove"
            :on-success="uploadSuccess"
            :on-error="uploadError"
            :on-progress="uploadProgress"
            :before-upload="beforeUpload"
            :limit="1"
            :on-exceed="beyond"
            accept=".apk"
          >

 

但是這樣只能限制打開時默認的選擇類型，還是可以進行更改為All

 

 

重寫

:before-upload="beforeUpload"

在方法中

    beforeUpload(file) {
      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
      const extension = testmsg === "apk";
      if (!extension ) {
        this.$message({
          message: "上傳文件只能是.apk格式!",
          type: "warning",
        });
      }
      return extension;
    },

 

那么在選擇其他類型的文件后就會觸發提示並且沒法提交