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

Posted 2023-03-11

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

【英文标题】：input type file, select only .css and font files? [duplicate]

【发布时间】：2017-05-27 04:29:28

【问题描述】：

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

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

【问题讨论】：

使用接受属性并选择你的 MIME 类型sitepoint.com/web-foundations/mime-types-complete-list

【参考方案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">

【参考方案2】：

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

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

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

【讨论】：

正如这里所解释的，浏览器是否尊重此指示：***.com/questions/4328947/…