javascript触发input-file的click事件 文件域/触发上传按钮

kevin.Zhu 发布于:2019-6-26 13:35 分类:文摘  有 20 人浏览,获得评论 0 条  

https://www.cnblogs.com/timejs/p/4767697.html


概述

  • input:file本身自带的样式不太好看,但是又没法设置样式。
  • 由于系统限制,不能通过代码触发,只允许用户自主点击。
  • 通常的解决办法是,把input:file透明化,实际上点击的还是input:file。

方案

  • 虽然可以通过概述中的办法用css实现,但始终还是占据了位置。
  • 以下的通过javascript实现的触发事件,简单的一行代码即可搞定:D
    复制代码
    1 <body> 2 <input type="file" id="demo"> 3 <hr> 4 5 <h5 onclick="document.querySelector('#demo').click()")>虽然我不是按钮,不过你点我的话,是可以触发上传的哦, 6 <br> 7 p.s:即使input:file隐藏了也能。</h5> 8 </body>
    复制代码