Как проверить, является ли импортированный файл типом файла .csv в vue

Question

Я создал функцию выбора файлов, которая позволяет пользователю выбирать .csv файлы. Код ниже:

<input type="file" accept=".csv" ref="file" v-on:input="handleFileUpload()" id="upload-photo" /> 

Это позволяет пользователю просматривать файлы .csv, и моя проблема в том, что если пользователь выбирает все файлы, отображаются все файлы и могут выбирать другие типы файлов.

Как отключить опцию «все файлы» или проверить расширение файла с помощью vue.js. Ниже приведены функциональные возможности, если пользователь выбирает файл.

onConfirm() {
        this.txtBrowse = this.file.name; //gets the file name with the extension
        //other functionalities
}

UPDATE

На данный момент я временно использовал следующую ловушку:

if(this.file.name.split(".").pop() != 'csv'){//check if file extension is csv
   Vue.alert.show( "Please select CSV file type", "error");
   return;
}

Но, если у вас есть лучший подход, пожалуйста, помогите мне.

Answer 1

if(this.file.name.split(".").pop() != 'csv'){//check if file extension is csv
   Vue.alert.show( "Please select CSV file type", "error");
   return false;
}`enter code here`