900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > input file限制上传文件类型的方法

input file限制上传文件类型的方法

时间:2018-07-11 00:23:14

相关推荐

input file限制上传文件类型的方法

在前端html中,上传文件时,一般都是用到 type 属性值为 file 的 input 标签,但在默认情况下,file 类型的 input 标签是不限制选择本地文件的类型的。

input file 代码

<input type="file" name="Files" />

默认情况下,input file标签 选择本地文件时,是不受限制的,可以选择压缩包类型文件,文本类型文件,图片类型文件等。

input accept属性介绍

accept:此属性只能与 <input type="file"> 配合使用。它规定能够上传的文件类型

语法:

<input type="file" accept="value">

参数:

value:可选,具体参考文未的值

input file 只允许图片类型上传

1、只允许图片类型文件上传

设置accept 属性的值为 "image/*" ,只允许图片类型的文件上传

<!--只允许图片类型文件--><input type="file" name="Files" accept="image/*" />

2、只允许单一类型的图片文件上传

html代码:

<!--只允许jpg类型的图片文件--><input type="file" name="Files" accept="image/jpeg" />

input file 其它示例

html代码

<!--只允许文本文件--><input type="file" name="Files" accept="text/plain" /><!--只允许png类型的图片文件--><input type="file" name="Files" accept="image/png" /><!--只允许zip类型的压缩包文件--><input type="file" name="Files" accept="aplication/zip" /><!--只允许PPT类型的文件--><input type="file" name="Files" accept="application/vnd.ms-powerpoint" />

input file accept属性部份值介绍

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。