【input】文件上传控件隐藏和前端类型限制
来源:互联网 发布:部落冲突详细数据 编辑:程序博客网 时间:2024/06/03 19:00
1. 如何隐藏文件上传控件
使用 CSS3 的 opacity 属性 设置 透明度为 0(隐藏),详情参看 说明
并使用绝对定位 position:absolute
其父标签 使用相对定位 position:relative
<a href="javascript:void(0);" class="btn btn-default btn-sm" id="special-period-import" style="position:relative"> <input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" style="opacity:0;position:absolute"/> <i class="fa fa-plus"></i> 导入 </a>
2. 前端控制 file 选择类型
通过 accept 属性 ,多个用逗号隔开,如上的栗子,默认只可以选择 xls 和 xlsx 类型的文件 ,当然即使做了如此设置 ,还是可以选择其他类型 ,所以需要后台进一步做控制;
相关类型限制 可参考 博客
阅读全文
0 0
- 【input】文件上传控件隐藏和前端类型限制
- input file实现多选和限制文件上传类型
- js限制input file文件上传的大小和类型
- 文件上传类型限制
- Input控件上传文件
- HTML5:input file控件限制上传文件类型
- input file控件限制上传文件类型
- input file控件限制上传文件类型
- input file控件限制上传文件类型
- input file控件限制上传文件类型
- 文件上传以及限制类型
- Ajax Input控件上传文件
- struts2文件上传类型限制 之 zip和rar文件类型
- struts2文件上传类型限制 之 zip和rar文件类型
- struts2文件上传类型限制 之 zip和rar文件类型
- struts2文件上传类型限制 之 zip和rar文件类型
- struts2文件上传类型限制 之 zip和rar文件类型
- 前端的小玩意(11)上传文件和上传文件的后缀名限制
- 448. Find All Numbers Disappeared in an Array
- 大家好
- JSP简介,9个隐藏对象
- Oracle_SQL_day03_ 多表查询之 :连接查询
- Matplotlib的用法
- 【input】文件上传控件隐藏和前端类型限制
- Linux无法连接外网
- Spring中InitializingBean接口使用
- Oracle中发生表加锁、死锁的原因,查看,与解决方法
- oracle自定义类型type/create type
- LinuxStudyNote(11)-Linux常用命令(2)-目录文件复制命令(6)cp
- mysql 索引相关
- Android常用Manager
- 杂记通信http