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

accept表示可以上传文件类型，image表示图片，*表示所有支持的格式。VUE不好用

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

2007后各文档如docx需配置的accept属性值

Extension MIME Type
.xlsx   application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
.xltx   application/vnd.openxmlformats-officedocument.spreadsheetml.template
.potx   application/vnd.openxmlformats-officedocument.presentationml.template
.ppsx   application/vnd.openxmlformats-officedocument.presentationml.slideshow
.pptx   application/vnd.openxmlformats-officedocument.presentationml.presentation
.sldx   application/vnd.openxmlformats-officedocument.presentationml.slide
.docx   application/vnd.openxmlformats-officedocument.wordprocessingml.document
.dotx   application/vnd.openxmlformats-officedocument.wordprocessingml.template
.xlsm   application/vnd.ms-excel.addin.macroEnabled.12
.xlsb   application/vnd.ms-excel.sheet.binary.macroEnabled.12

上传file时accept限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式相关推荐

  1. jq上传file到php,jQuery文件上传

    插件描述:这是一个文件上传的展示,看很多插件,并不满意就自己写了一个,可能兼容性不是很好,没有准确进行测试过,还请各位不吝赐教 更新时间:2019/3/25 下午8:53:17 更新说明:修复上传成功 ...

  2. Vue.js 文件上传限制类型上传与限制选择的文件类型

    只能限制某种文件上传,如果新选择其他文件便提示文件错误,清空文件列表 :accept="'.pdf'" ---> 选择上传文件的时候自动匹配pdf的文件类型 :file-li ...

  3. struts文件上传，获取文件名和文件类型

    Action中还有两个属性:uploadFileName和uploadContentType,这两个属性分别用于封装上传文件的文件名.文件类型.这是Struts2设计的独到之处:Strut2的Acti ...

  4. java上传永久图文素材_Java-微信开发上传永久素材(支持所有文件类型)

    /** * 上传永久素材 * @paramfile * @paramtype * @paramtitle type为video时需要,其他类型设null * @paramintroduction ty ...

  5. ajax可以发送文件,通过Ajax上传img时如何发送文件信息

    我正在尝试拆分上传到ajax方法的图像文件.所有的html和JS都在一个文件中,然后我组成了一个包含所有PHP的PHP文件. 我正在努力的是,我不确定如何将图像文件信息发送到php文件,然后如何使其余 ...

  6. 使用POI将office（doc/docx/ppt/pptx/xls/xlsx）文件转html格式（附带源码）

    妹子我写代码很辛苦/(ㄒoㄒ)/~~ ,转载请标明出处哦~http://blog.csdn.net/u011791526/article/details/73250358 本项目使用poi将offic ...

  7. 文件上传~Uploadify上传控件~续(多文件上传)

    对于Uploadify文件上传之前已经讲过一次(文件上传~Uploadify上传控件),只不过没有涉及到多文件的上传,这回主要说一下多个文件的上传,首先,我们要清楚一个概念,多文件上传前端Upload ...

  8. 当你想用Gitee对你的APK文件上传下载时

    当你想用Gitee对你的APP文件上传下载时 你的安卓APP的APK文件想找个免费的地方存放并且维护管理(上传下载),你又不想存在自己的服务器上,那么Gitee就挺不错的; 我的示例: https:/ ...

  9. php dw文件上传下载,使用PHP实现文件上传

    这里使用PHP实现文件的上传,由在浏览器这边选择文件,上传到服务器.其中,在上传文件中,考虑到对上传文件大小的限制.类型限制等问题.(当然可以根据我们需要修改对上传的文件的限制,而一般而言php自身也 ...

最新文章

  1. C和C++安全编码笔记：格式化输出
  2. 框架SpringMVC笔记系列 二 传值
  3. winphone系统a、input标签被点击时产生的半透明灰色背景
  4. golang备份和恢复
  5. 第03讲. 原理探究，了解爬虫的基本原理
  6. mysql恢复主服务器_MySQL 5.6主从复制第二部分[恢复某一台从服务器]
  7. router vue 页签文字_vue-router实现tab标签页（单页面）详解
  8. 【数据结构笔记32】排序算法概述、简单排序（冒泡排序、插入排序）、逆序对
  9. 计算机备份u盘,如何备份电脑系统到u盘
  10. 爬虫：爬取微软必应翻译做成API
  11. 神马js都是浮云-----限时秒杀
  12. 如何使用万能地图下载器下载80坐标的等高线
  13. 海外直播公会Tik Tok，蓝海项目官方火热招募中
  14. control c linux命令,linux中Control+C是什么指令？使用什么命令可以给一个进程发出一个这样的指令？...
  15. 买菜大战，阿里急了？
  16. supervisor控制台运行出错，BACKOFF Exited too quickly
  17. 置换 置换群 应用 +置换群对某些算法问题的解释
  18. GitHub快速学习-一
  19. Java Web中的一些概念（JSP、Servlet以及过滤器等）
  20. MySQL数据库技术

热门文章

  1. 关于关闭WPS锁屏屏保及设置电脑自动关闭显示屏及休眠的分享
  2. 云渲染是什么？云渲染好处以及安装方法。
  3. 介绍一下实现建模中可能用到的时间序列预测之线性二次移动平均,Excel的简单操作
  4. 更改MySQL数据库root密码
  5. 内部寄存器：通用寄存器、控制寄存器、段寄存器
  6. 常用插件：分享12款超级好用的 Chrome 插件
  7. mencoder的配置文件
  8. 电子电路期末考试复习预测题一（内附详细解析）
  9. 怎么破解电脑系统管理员密码？黑客用cmd批处理命令
  10. MacPorts卡在正在运行软件包脚本解决方法