如何使输入类型=文件应该只接受pdf和xls

Question

我用过 <input type= "file" name="Upload" >

现在我想通过只接受 .pdf 和 .xls 文件来限制这一点。

当我单击提交按钮时，它应该验证这一点。

当我点击网页上的文件（PDF/XLS）时，它应该会自动打开。

任何人都可以为此举一些例子吗？

原文由 Manikandan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以通过使用属性 accept 并向其添加允许的 mime 类型来实现。但并非所有浏览器都尊重该属性，并且可以通过某些代码检查器轻松删除它。因此，无论哪种情况，您都需要检查服务器端的文件类型（您的第二个问题）。

例子：

 <input type="file" name="upload" accept="application/pdf,application/vnd.ms-excel" />

对于您的第三个问题“当我单击网页上的文件 (PDF/XLS) 时，它应该会自动打开。”：

你无法做到这一点。如何在客户机上打开 PDF 或 XLS 由用户设置。

原文由 feeela 发布，翻译遵循 CC BY-SA 3.0 许可协议