JSFiddle - React, Tailwind, and code Playground

by happysmiles

HTML

<input type="file" id="movieFile" />

JavaScript

$('#movieFile').change(function() {
    var file = $('#movieFile')[0].files[0];
    console.log(file);
    console.log(file.type);
    
    var filename = file.name;
    var fileMimeType = file.type;
    var fileExtension = filename.split('.').pop();
    console.log(fileExtension); 
    
    if (isValidMimeType(fileMimeType)) {
        console.log('good file');
    } else {
        console.log('bad file');
    }
});

function isValidMimeType(fileMimeType) {
    // mime type of .mov files
    var validFileMimeTypes = [ 'video/quicktime' ];
    
    for (var i = 0; i < validFileMimeTypes.length; i++) {
        if (validFileMimeTypes[i].toLowerCase() === fileMimeType.toLowerCase()) {
            return true;
        }
    }
    return false;
}