JavaScript: limitare il tipo di file che si possono caricare

In JavaScript possiamo limitare il tipo di file che si possono caricare.

Possiamo filtrare i file scelti per tipo di contenuto.

'use strict';

let fileInput = document.querySelector('#file');

fileInput.addEventListener('change', () => {
    let file = this.files[0];
    let type = file.type;
    let allowedTypes = ['image/jpeg', 'image/png'];

    if(allowedTypes.indexOf(type) === -1) {
        // File non valido
    }
}, false);