AngularJS HTML输入文件限制为Safari中的文件格式

Question

我正在使用下面的代码来限制用户上传文件格式，即，在上传对话框中，他将只能看到那些特定文件。

type =“ file” accept =“。pdf，.jpg，.jpeg，.jpe，.jfif，.tif，.tiff，.doc，.docx，.xls，.xlsx，.csv”

它可以在Chrome，Mozilla和IE9及更高版本中正常运行。 但这在IE8和Safari中不起作用。

如何限制IE8和Safari？

Answer 1

通常，最好通过mime类型而不是文件扩展名进行检查，因为文件名可以更改为任何名称。 这也是accept属性的标准。

特别是对于您的示例，您想改为执行以下操作：

<input type="file" accept="application/pdf,application/msword,application/excel,image/jpeg,image/pjpeg,image/tiff,image/x-tiff" />

如果您想要更大的灵活性，还可以执行诸如accept="image/*,video/*"事情来接受所有图像和视频类型。

请参阅此页面以获取mime类型及其相应文件扩展名的列表。