velmahesh Ответов: 1

Как ограничить выбор input type="file" из "all files (*.*)" в HTML-файле?

Ниже приведен код, разрешающий xlsx с "All Files(*.*)". Как ограничить в браузере Chrome?

<input #myInput id="files" type="file" (change)="incomingfile($event)" placeholder="Upload file" accept=".xlsx">


Что я уже пробовал:

Ниже кода я попробовал.

<input #myInput id="files" type="file"(change)="incomingfile($event)" placeholder="Upload file" accept=".xlsx">

DaveAuld

Вы пробовали также установить тип mime в accept? Видишь это https://stackoverflow.com/questions/4328947/limit-file-format-when-using-input-type-file

1 Ответов

Рейтинг:
6

Anurag Gandhi

Ну, вот как ведет себя браузер.
вы все еще можете ограничить отправку файла с помощью базовой проверки JQuery/JavaScript:

var ext = $('#files').val().split('.').pop().toLowerCase();
if(ext !== 'xls' && ext !== 'xlsx') {
    alert('Please upload excel file only.');
    return false;
}

версия JavaScript:
var fileName = document.getElementById('files').value.toLowerCase();
if(!fileName.endsWith('.xlsx') && !fileName.endsWith('.xls')){
    alert('Please upload excel file only.');
    return false;
}