Question

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

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

Answer 1

您可以在输入类型=＆＃34;文件＆＃34;中添加接受参数。并编写您需要的扩展类型。对于Eg：

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

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

Answer 2

如果您需要脚本验证，可以尝试这样的事情：

＆＃13;

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;
	   }
} 
});

＆＃13;

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

＆＃13;

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

2 个答案: