Tengo un código hecho en para aceptar cierto tipo de extensión de archivos, como se muestra a continuación, pero lo que debo realizar es que solo aparezcan en la ventana emergente el tipo de archivos permitidos y no todos como me aparezca a mí. Ejemplo: si deseo abrir un xlsx
solo debe de aparece ese y no imágenes o vídeos
$(document).on('change', 'input[type="file"]', function() {
var fileName = this.files[0].name;
var fileSize = this.files[0].size;
var ext = fileName.split('.').pop();
switch (ext) {
case 'xlsx':
$('#tamanoArchivo').text(fileSize + " bytes");
break;
case 'csv':
$('#tamanoArchivo').text(fileSize + " bytes");
break;
default:
alert('El archivo no tiene la extensión adecuada');
this.value = ''; // reset del valor
this.files[0].name = '';
break;
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input id="campoFile" accept=”application/vnd.openxmlformats-officedocument.spreadsheetml.sheet” name="archivo" type="file" value="" />
<p id="tamanoArchivo"></p>
</body>
</html>
<input type="file" accept=".gif,.jpg,.jpeg,.png,.doc,.docx">
. stackoverflow.com/questions/5796537/…