在上传文件的时候,需要限制指定的文件类型。

<input type="file" accept="image/*" />

accept表示可以上传文件类型,image表示图片,*表示所有支持的格式。

accept可以指定如下信息:

*.3gpp

audio/3gpp, video/3gpp

3GPP Audio/Video

*.ac3

audio/ac3

AC3 Audio

*.asf

allpication/vnd.ms-asf

Advanced Streaming Format

*.au

audio/basic

AU Audio

*.css

text/css

Cascading Style Sheets

*.csv

text/csv

Comma Separated Values

*.doc

application/msword

MS Word Document

*.dot

application/msword

MS Word Template

*.dtd

application/xml-dtd

Document Type Definition

*.dwg

image/vnd.dwg

AutoCAD Drawing Database

*.dxf

image/vnd.dxf

AutoCAD Drawing Interchange Format

*.gif

image/gif

Graphic Interchange Format

*.htm

text/html

HyperText Markup Language

*.html

text/html

HyperText Markup Language

*.jp2

image/jp2

JPEG-2000

*.jpe

image/jpeg

JPEG

*.jpeg

image/jpeg

JPEG

*.jpg

image/jpeg

JPEG

*.js

text/javascript, application/javascript

JavaScript

*.json

application/json

JavaScript Object Notation

*.mp2

audio/mpeg, video/mpeg

MPEG Audio/Video Stream, Layer II

*.mp3

audio/mpeg

MPEG Audio Stream, Layer III

*.mp4

audio/mp4, video/mp4

MPEG-4 Audio/Video

*.mpeg

video/mpeg

MPEG Video Stream, Layer II

*.mpg

video/mpeg

MPEG Video Stream, Layer II

*.mpp

application/vnd.ms-project

MS Project Project

*.ogg

application/ogg, audio/ogg

Ogg Vorbis

*.pdf

application/pdf

Portable Document Format

*.png

image/png

Portable Network Graphics

*.pot

application/vnd.ms-powerpoint

MS PowerPoint Template

*.pps

application/vnd.ms-powerpoint

MS PowerPoint Slideshow

*.ppt

application/vnd.ms-powerpoint

MS PowerPoint Presentation

*.rtf

application/rtf, text/rtf

Rich Text Format

*.svf

image/vnd.svf

Simple Vector Format

*.tif

image/tiff

Tagged Image Format File

*.tiff

image/tiff

Tagged Image Format File

*.txt

text/plain

Plain Text

*.wdb

application/vnd.ms-works

MS Works Database

*.wps

application/vnd.ms-works

Works Text Document

*.xhtml

application/xhtml+xml

Extensible HyperText Markup Language

*.xlc

application/vnd.ms-excel

MS Excel Chart

*.xlm

application/vnd.ms-excel

MS Excel Macro

*.xls

application/vnd.ms-excel

MS Excel Spreadsheet

*.xlt

application/vnd.ms-excel

MS Excel Template

*.xlw

application/vnd.ms-excel

MS Excel Workspace

*.xml

text/xml, application/xml

Extensible Markup Language

*.zip

aplication/zip

Compressed Archive

input type=file accept中可以限制的文件类型相关推荐

  1. html file 隐藏,input type=file /浏览时只显示指定文件类型(html5新特性)

    type="file" />浏览时只显示指定文件类型 accept属性列表 1.accept="application/msexcel" 2.accept ...

  2. HTML,input type=“file“获取文件名、文件大小、文件类型

    HTML代码 <input type="file" id="deviceFile"> 获取文件名.文件大小.文件类型 $('#deviceFile' ...

  3. input type=file accept=.zip上传文件响应慢的问题解决办法

    在谷歌和火狐中使用 accept=".zip" 属性发现响应延迟的问题. 于是几经尝试后,发现是 accept=".zip" 属性的问题,删掉它或者将 * 通配 ...

  4. input[type=file]如何屏蔽“未选择任何文件”

    在input中file文件类型是用来选择上传文件用的,但是这个文件选择框有个提示信息--未选择任何文件,甚至还可能不显示自己设置的提示信息,并且还可能点击空白地方(设置透明的opacity: 0;), ...

  5. 在html中的file怎么只能选择图片,input type=file 选择图片并且实现预览效果

    通过标签,给它指定type类型为file,可提供文件上传: accept:可选择上传类型,如:只要传图片,且不限制图片格式,为image/*: multiple:规定是否可以选择多个文件: 规定只可上 ...

  6. html5 中input type=‘file’实现文件图片等的上传的文件类型限制

    可以直接设置input标签的accept属性来限制上传文件的类型 <input type="file" accept="application/msword&quo ...

  7. html <input type=file>上传文件时,accept属性值汇总,支持文件格式,限制文件格式,限制上传图片的格式

    限制文件格式  一.示例标签1: <input type="file" accept="image/*" /> accept属性说明: image表 ...

  8. input type=“file“属性详解,利用capture调用手机摄像头

    <input> type 类型为 file 的标签,可以选择一个或多个文件,通过表单上传到服务器,也可以通过 Javascript 的 File API 对文件进行操作. 实例: < ...

  9. input type=file选择图片按钮样式修改与图片预览

    1 背景 通过上图我们可以看到input type=file按钮的默认样式,非常不美观,如果要自定义该按钮的样式,要如何实现呢? 2 方式1样式 input覆盖整个按钮区域,并且设置完全透明 < ...

最新文章

  1. android摄像头方向与屏方向,Android通过ExifInterface判断Camera图片方向的方法
  2. SAP以创新提升极限帆船赛
  3. 3、leetcode 697 数组的度
  4. case 日期when 范围_多个日期段如何分组 case when convert等用法
  5. 不就是个短信登录API嘛,有这么复杂吗?
  6. python波峰波谷算法_波动均分算法
  7. Mockito和Hamcrest的试驾制造商
  8. shell读取文件并且遍历输出
  9. 按钮传值给ajax,用jquery和ajax实现分页时,按钮怎么给jquery传值?
  10. Python中对列表list进行定义、增删改查、遍历及与元组的对比
  11. SpringBoot2.0基础案例(01):环境搭建和RestFul风格接口
  12. Windows 8连接*** 691错误解决办法
  13. iOS 应用程序的生命周期浅析
  14. Django之form组件is_valid校验机制
  15. java中else语句有错_java 菜鸟 If else有错误
  16. 《菜菜的机器学习sklearn课堂》sklearn入门与决策树
  17. php界面怎么美化,美化你的应用程序的外观界面
  18. nmap 查看服务器版本信息,nmap命令-nmap命令扫描服务器信息的格式
  19. 鸿蒙手表定位功能Demo体验,适用儿童、老年和外出旅游安全市场
  20. JUnit version 3.8 or later expected

热门文章

  1. 5 多数据save_[Python] 通过采集两万条数据,对无名之辈影评分析
  2. JS面向对象之封装自定义构造函数
  3. 20210217:力扣第228周周赛(上)
  4. mysql mvcc undo_Mysql Innodb中undo-log和MVCC多版本一致性读 的实现
  5. excel 相邻数计算机,Excel计算公式大全.doc
  6. BUS HOUND调试USB驱动遇到的错误代码解析
  7. 谷雨钜献 | 用深度学习理解遥感图像,识别效率提升90倍,PaddlePaddle中科院遥感地球所...
  8. 十个优衣库仓库理货员,只有一个能留下,机器已经上岗了
  9. 最新编程语言排行榜出炉:Swift和Kotlin好像开始凉了
  10. 微软总裁呼吁:AI刷脸,美国政府该管一管了