输入类型文件，只选择 .css 和字体文件？ [复制]

Question

我有一个 <input type="file" multiple="multiple">。 我需要限制用户只选择 css 和字体文件作为文件类型。

编辑：是的，输入类型文件有很多问题。但我只需要特定于字体文件和 css。 我为 css 获得它，但不是为字体文件获得它，因为有很多不同的字体文件。 例如。 https://www.file-extensions.org/filetype/extension/name/font-files

Answer 1

如果您需要脚本验证，您可以尝试以下方法：

var mimeTypeArray=['text/x-script.csh','application/x-pointplus','text/css','text/plain'];
$("input[type=file]").on("change",function(){
var file = $('input[type=file]').prop('files')[0];
if (file) {
	   var mime = file.type;
	   console.log(mime);
	   var check = $.inArray( mime, mimeTypeArray);
	   if (check == -1 ) {// if mime type not found in the array
	       alert(' css files only!');
	       return;
	   }
} 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" multiple="multiple">

Answer 2

您可以在 input type="file" 中添加接受参数，并编写您需要的扩展类型。 例如：

<input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />

或者您可以在用户上传文件后通过javascript检查上传文件的扩展名。