博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
隐藏file控件,用button实现文件上传
阅读量:6458 次
发布时间:2019-06-23

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

  hot3.png

<input type="file">控件不是很美观,很多时候可能更希望用button去代替它实现文件上传

一种方法是用button覆盖file原本的浏览按钮,不足是得精确控制位置和大小,文本框还在

另一种是设置成透明,然后用button叠在上面,同样需要控制位置和大小

还有一种是设置display:none,然后用button间接触发file控件的click,但是这种方式不支持Chrome

查看文档时,刚好看到了visibility属性,我想就是它了,马上测试,果然OK

将file控件设置成hidden后,它依然占据文档空间,于是用absolute让其脱离文档流

这样就可以完全隐藏了,而且Chrome也可以支持了

但是IE就不能支持了,IE下必须主动点击input type=file(label的for触发也可以),间接触发的都会提示“拒绝访问”

转载于:https://my.oschina.net/seast/blog/113959

你可能感兴趣的文章
Python算法(含源代码下载)
查看>>
利用Windows自带的Certutil查看文件MD5
查看>>
通过原生js添加div和css
查看>>
简单的导出表格和将表格下载到桌面上。
查看>>
《ArcGIS Engine+C#实例开发教程》第一讲桌面GIS应用程序框架的建立
查看>>
JAVA - 大数类详解
查看>>
查询指定名称的文件
查看>>
Python 嵌套列表解析
查看>>
[GXOI/GZOI2019]旧词——树链剖分+线段树
查看>>
anroid 广播
查看>>
AJAX POST&跨域 解决方案 - CORS
查看>>
关于最小生成树中的kruskal算法中判断两个点是否在同一个连通分量的方法总结...
查看>>
开篇,博客的申请理由
查看>>
Servlet 技术全总结 (已完成,不定期增加内容)
查看>>
[JSOI2008]星球大战starwar BZOJ1015
查看>>
CountDownLatch与thread-join()的区别
查看>>
centos 7 部署LDAP服务
查看>>
揭秘马云帝国内幕:马云的野心有多大
查看>>
iOS项目分层
查看>>
一个action读取另一个action里的session
查看>>