我是靠谱客的博主 丰富蛋挞,最近开发中收集的这篇文章主要介绍javascript触发input-file的click事件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

概述

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

方案

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

     

转载于:https://www.cnblogs.com/timejs/p/4767697.html

最后

以上就是丰富蛋挞为你收集整理的javascript触发input-file的click事件的全部内容,希望文章能够帮你解决javascript触发input-file的click事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(34)

评论列表共有 0 条评论

立即
投稿
返回
顶部