Home / Questions / 100051
Accepted
Juan Pinzón
Asked: 2020-09-06 07:54:58 +0800 CST 2020-09-06 07:54:58 +0800 CST

如何限制在输入 html 文件中上传的文件类型？

  • 772

我想将图像上传到我的服务器，上传正常，但是我想限制要上传的文件类型，这样它只允许我在文件选择窗口打开时选择jpeg图像。

html5

1 Answers

  1. Best Answer

    可以使用输入标签的接受属性。要接受 jpeg 类型的文件，可以使用以下代码。

    <input type="file" name="myImage" accept="image/jpeg" />

    要允许任何类型的图像，您可以使用以下代码

    <input type="file" name="myImage" accept="image/*" />

    接受

    该属性表示服务器接受的文件类型，否则将被忽略。该值必须是唯一内容类型的列表，以逗号分隔：

    • 文件扩展名，以 STOP 字符 (U+002E) 开头。（例如：“.jpg、.png、.doc”）
    • 没有扩展的有效 MIME 类型
    • audio/*，代表 HTML5 音频文件
    • video/*，代表HTML5视频文件
    • image/*，代表 HTML5 图像文件

    支持该属性的浏览器版本如下：

    浏览器

    • 9