input 限制上传文件的类型

最新推荐文章于 2023-12-19 10:52:28 发布

原创最新推荐文章于 2023-12-19 10:52:28 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何通过设置HTML input标签的accept属性来限制文件上传的类型，包括各种常见文件格式如图片、文档、音频、视频等，并提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="file" accept="application/msword" >

1.accept=”application/msexcel”
2.accept=”application/msword”
3.accept=”application/pdf”
4.accept=”application/poscript”
5.accept=”application/rtf”
6.accept=”application/x-zip-compressed”
7.accept=”audio/basic”
8.accept=”audio/x-aiff”
9.accept=”audio/x-mpeg”
10.accept=”audio/x-pn/realaudio”
11.accept=”audio/x-waw”
12.accept=”image/gif”
13.accept=”image/jpeg”
14.accept=”image/tiff”
15.accept=”image/x-ms-bmp”
16.accept=”image/x-photo-cd”
17.accept=”image/x-png”
18.accept=”image/x-portablebitmap”
19.accept=”image/x-portable-greymap”
20.accept=”image/x-portable-pixmap”
21.accept=”image/x-rgb”
22.accept=”text/html”
23.accept=”text/plain”
24.accept=”video/quicktime”
25.accept=”video/x-mpeg2”
26.accept=”video/x-msvideo”

可以直接设置input标签的accept属性来限制上传文件的类型
如果限制上传的文件为图片格式，则可以直接写成：accept = ‘image/*’；
限制图片格式：

<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/png">