详解 input accept属性

input accept属性是用来限制上传的文件格式

 <input type="file" id="file" style="display:none;"accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
<a href="javascript:selectFile()">加载本地excel文件</a>

function selectFile() {document.getElementById('file').click();}

1.上传.csv格式

<input text="file" accept=".csv" />

2.上传.xls格式

<input text="file"  accept="application/vnd.ms-excel"/>

3.上传.xslx格式

<input text="fiel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>

4.上传.png/.jpg/etc格式

<input type="file" accept="text/plain" />

5.上传图片格式

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

6.上传.htm,.html格式

<input type="file" accept="text/html" />

7.上传video(.avi, .mpg, .mpeg, .mp4)格式

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

8.上传audio(.mp3, .wav, etc)格式

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

9.上传.pdf格式

<input type="file" accept=".pdf" />

10.如果限制两种文件格式，同时限制

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel">

详解 input accept属性相关推荐

详解input value属性
input框中的value值到底是什么 value 属性为 input 元素设定值. 对于不同的输入类型,value 属性的用法也不同: type="button", " ...
layui添加复选框_对layui初始化列表的CheckBox属性详解，初始化属性
对layui初始化列表的CheckBox属性详解,初始化属性通常layui前端页面完全按照layui官网的例子写所有的页面初始化都没有问题,但是那只是静态页面.当加入后台去动态加载页面的时候有写样式 ...
【AndroidManifest.xml详解】Manifest属性之versionCode,versionName
Android:versionCode是什么? android:versionCode表示该软件的版本号,对用户是不可见的,它必须是一个int型的整数,它的大小代表该软件版本升级过多少次,因此每次发布 ...
UE4 C++入门之路4-PostInitProperties函数详解（设置属性默认值的四种方法）
PostInitProperties函数详解前言设置属性默认值的四种方法一声明时赋值二构造函数赋值三构造函数初始化列表四 PostInitProperties 前言也许在工作或者学 ...
详解CSS float属性
转自:http://luopq.com/2015/11/08/CSS-float/ \详解CSS float属性 Posted on 2015-11-08 | In CSS | 5条评 ...
Android开发之EditText属性详解+++ImageView的属性
Button的使用不要阴影Button ---> TextView (5.0新特性)  <item name="android: ...
css中float详解,CSS浮动属性Float详解？史上最全Float详解
我们在学习css样式的时候,都知道css是盒概念,并且每一个盒子都是一个元素,下面我们就对CSS浮动属性Float进行详解,让你彻底了解Float. 一:什么是Float浮动? Float浮动是css ...
一些实用博客的分享（ES6详解，echart属性详解）
推荐一个ES6的学习博客(阮老师的ES讲解) 大家如果是学习ES6的话,强烈推荐下面这个阮老师的讲解,都是对比分析,比较清楚易懂!!! 博客地址:http://es6.ruanyifeng.com/# ...
css详解background八大属性及其含义
background(背景) 以前笔者在css盒模型以及如何计算盒子的宽度一文中提到过盒模型可以看成由元素外边距(margin).元素边框(border).元素内边距(padding)和元素内容(c ...

详解 input accept属性

input accept属性是用来限制上传的文件格式

详解 input accept属性相关推荐

最新文章

热门文章