HTML5表单上传文件时，只允许图片文件¶

代码示例¶

<form id="img-form" method="post" action="/upload" enctype="multipart/form-data">
    <input type="file" name="img" accept="image/*" />
    <button type="submit">Upload</button>
</form>

关键点在于，input标签，必须包含accept="image/*"。

只允许特定的图片类型，如PNG、GIF、JPEG¶

<form id="img-form" method="post" action="/upload" enctype="multipart/form-data">
    <input type="file" name="img" accept="image/png, image/gif, image/jpeg" />
    <button type="submit">Upload</button>
</form>

input标签中，accept指定了具体的图片类型，注意使用逗号隔开多个类型。

本文为kyleblog.cn原创，转载请注明出处：https://www.kyleblog.cn/posts/file_input_image