博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input accept属性限制文件上传格式
阅读量:6762 次
发布时间:2019-06-26

本文共 833 字,大约阅读时间需要 2 分钟。

hot3.png

上传文件的类型;具体做法如下所示:

注意:accept属性可以限制上传格式,其有兼容性如下

 

《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">

注意:以逗号分隔开

转载于:https://my.oschina.net/jack088/blog/3042244

你可能感兴趣的文章
Atitit.Hibernate于Criteria 使用汇总and 关系查询 and 按照子对象查询 o9o
查看>>
android: Android Notification
查看>>
ubuntu 16.04 vnc server
查看>>
差分进化算法 DE-Differential Evolution
查看>>
Swift3.0语言教程使用编码创建和初始化字符串
查看>>
【WPF】C#代码动态添加控件的Margin属性
查看>>
redis info 参数详解
查看>>
UITableView刷新数据reLoadData
查看>>
基础太差了
查看>>
高性能服务器负载均衡的一个可行方案
查看>>
CSS布局
查看>>
按钮模式来自官方的 windows 7 快捷键大全
查看>>
《JAVA与模式》之单例模式(转载)
查看>>
ajax中的异步机制导致的问题
查看>>
java质数判断
查看>>
Android JNI和NDK学习(03)--动态方式实现JNI(转)
查看>>
Java-异常总结
查看>>
如何提升你的面试机会?
查看>>
JavaScript HTML5 手机版手机版网站起码要实现一些基本的功能吧:
查看>>
递归获取XML元素
查看>>