限制文件格式
一、示例标签1:
<input type="file" accept="image/*" />
accept属性说明:
image表示图片,*表示支持所有格式的图片文件。
二、示例标签2:
<inputtype="file"accept="audio/mp4,video/mp4" class="uploadVideo"/>
多种格式,以逗号分隔。
前缀说明:
text:文本文件。如格式:txt、csv、css、html,能直接使用记事本打开的,并且不乱码。image:图片文件。如:jpg、png,bmp。audio:音频文件。如:mp3、wav、ogg。video:视频文件。如:mp4。application:应用文件。如:zip、pdf、doc。
注意:有些格式既是text文本文件,也是application应用文件,不是绝对的,所以会出现同一格式不同文件类型。
三、文件的常用选择格式。
1.图片文件格式(常用):jpg,png,gif。
accept="image/jpeg,image/png,image/gif"
通用图片文件格式(推荐采用)://如果不确定需要什么格式,也不想加以限制他,可以采用这种方式,不过有些格式的文件,后端可能接收不了。
accept="image/*"
2.视频文件格式(常用):avi,wmv,flv,mp4。
accept="video/mp4"
通用视频文件格式(推荐采用):
accept="video/*"
3.音频文件格式(常用):mp3、wav、ogg。
accept="audio/mp4"
通用音频文件格式(推荐采用):
accept="audio/*"
四、常规配置。
accept可以指定如下信息:
html <input type=file>上传文件时 accept属性值汇总 支持文件格式 限制文件格式 限制上传图片的格式