htmlaccept属性,input标签accept属性的使用方法及作用

html代码input标签accept属性的使用方法及作用介绍如下&＃xff1a;

标签accept属性的定义

accept属性规定了可通过文件上传提交的服务器接受的文件类型。

accept属性应该配合type属性使用&＃xff0c;且只适用于type&＃61;"file"的情况。

注意&＃xff1a;请不要将该属性作为您的验证工具。应该在服务器上对文件上传进行验证。

浏览器支持情况

accept属性已被Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 6 支持。

但Internet Explorer 9 及之前的版本都不支持 标签的 accept 属性。

accept属性定义

标签accept属性的用法

accept属性指明了上传提交给服务器的文件类型&＃xff0c;仅适用于 的情况。

一般来说&＃xff0c;有三种常见的文件类型&＃xff1a;

1、接收所有格式的图像文件

设置accept&＃61;"image/*"&＃xff0c;规定在文件上传过程中&＃xff0c;服务器只接受图像文件&＃xff1a;

2、接收所有格式的图像文件

设置accept&＃61;"video/*"&＃xff0c;规定在文件上传过程中&＃xff0c;服务器只接受视频文件&＃xff1a;

3、接收所有的格式的声音文件

设置accept&＃61;"audio/*"&＃xff0c;规定在文件上传过程中&＃xff0c;服务器只接受声音文件&＃xff1a;

4、接收多个不同类型的文件

比如&＃xff0c;规定可以上传所有图像和视频文件&＃xff0c;那么&＃xff0c;设置accept&＃61;"video/*,image/*"&＃xff0c;演示代码如下&＃xff1a;

再比如&＃xff0c;想要规定可以上传图像、视频、声音三种文件类型&＃xff0c;就可以设置accept&＃61;"audio/*,video/*,image/*"&＃xff0c;演示代码如下&＃xff1a;

如果需要规定三个或三个以上的上传服务器的文件类型&＃xff0c;也和上面的方法一样&＃xff0c;都使用逗号分隔开即可。

标签accept属性的值值描述

audio/*接受所有的声音文件。

video/*接受所有的视频文件。

image/*接受所有的图像文件。

MIME_type一个有效的 MIME 类型&＃xff0c;不带参数。请参阅 IANA MIME 类型&＃xff0c;获得标准 MIME 类型的完整列表。

如需规定多个值&＃xff0c;请使用逗号分隔(比如 )。