在前端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" />