如何让 <input type=“file”> 只接受 .jpeg 和 .jpg 文件？

Question

在我的 Angular 11 项目中，我有一个图像上传器组件，它使用 <input type="file"> 接受图像并将其发送到服务器。此图片上传器应该只接受 jpg 和 jpeg 格式。

当我像这样将 accept 属性添加到我的输入时：

      <input
        type="file"
        accept="image/png"
      />

我的系统以正确的显示格式打开文件，如下所示：

这是正确的。它向用户显示它只接受 .png 图像。

但是当我将输入中的 accept 属性更改为：

      <input
        type="file"
        accept="image/jpg, image/jpeg"
      />

它不再向用户显示他们应该使用的格式，如您所见：

它只是说我的 ubuntu 上有自定义文件，我猜所有文件都在 windows 中。这不是我想要的。用户应该能够看到他们只能在此处添加 jpg 或 jpeg 文件。类似于 *.jpg 或 *jpeg.

有办法解决这个问题吗？

Answer 1

尝试将其更改为 accept="image/jpeg" 或 accept=".jpg, .jpeg"

Answer 2

将其更改为

<input type="file" accept=".jpg,.jpeg" />

How to allow <input type=“file”> to accept only .jpeg and .jpg files?