通过label点击触发隐藏input:file上传文件或者图片[通俗易懂]

通过label点击触发隐藏input:file上传文件或者图片

大家好,又见面了,我是全栈君。

label的属性for就是要触发的Input id

<label for="file" class="img1">
   <div id="fileList1" class="fileLists">
       <img src="/template/mobile/new2/static/images/aodi/idA.png" alt="">
   </div>
     <input type="file" accept="image/*" name="" id="file" class="file" onclick="handl(1)">
</label>

 

.file {
    display: none;
}

点击label就等于点击到input,这是label的一个bug

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112021.html原文链接:https://javaforall.net

(0)
上一篇 2022年2月11日 下午5:00
下一篇 2022年2月11日 下午5:00


相关推荐

  • Excel设置(单行或多行)固定表头的方法

    Excel设置(单行或多行)固定表头的方法本文介绍 Excel 设置固定表头的两种方法 一种是设置首行为固定表头 另一种是设置多行为固定表头 一 设置首行固定表头 1 1 选择并打开一个有数据的 Excel 表格 1 2 点击 Excel 菜单栏的 视图 冻结窗格 冻结首行 设置首行为固定表头 1 3 完成首行表头固定二 设置多行固定表头 2 1 选择要固定行数的下一行 比如要固定前两行 则选择

    2026年3月17日
    2
  • 13 RangeValidator

    13 RangeValidatorRangeValidator的属性有:MinimumValue:范围的最小值;MaximumValue:范围的最大值。Type:为数据类型,包括String,Intege,Double,Date,CurrencyRangeValidator,CompareValidator,RegularExpressValidator都不会对非空值进行校验,所…

    2022年7月12日
    24
  • navicate15 激活码(注册激活)

    (navicate15 激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/ide…

    2022年3月26日
    724
  • Linux安装软件命令&&快捷键

    安装软件命令(1)、rpm和yum命令介绍rpm:rpm是由RedHat公司开发的一种软件包管理方式,使用rpm我们可以方便的进行软件的安装、查询、卸载等工作,但是使用rpm命令安装rpm软件包,不能自己解决软件包之间的依赖性问题,需要自己一个一个去安装依赖的软件包。yum:Yum(全称为YellowdogUpdater,Modified):是一…

    2022年4月15日
    91
  • Graphviz:可视化工具Graphviz的简介、安装、使用方法、经典案例之详细攻略

    Graphviz:可视化工具Graphviz的简介、安装、使用方法、经典案例之详细攻略Graphviz 是一个开源的图形可视化软件 图的可视化是将结构信息表示为抽象图和网络图的一种方法 它在网络 生物信息学 软件工程 数据库和 web 设计 机器学习以及其他技术领域的可视化接口方面具有重要的应用 Graphviz 布局程序以简单的文本语言描述图形 并以有用的格式 如 web 页面的图像和 SVG 生成图形 PDF 或附言 以供纳入其他文件 或显示在交互式图形浏览器中 Graphviz 对于具体图表有许多有用的特性 比如颜色 字体 表格节点布局 行样式 超链接和自定义形状的选项 官方地址相关文档

    2026年3月20日
    2
  • 扣子、阿里云百炼、腾讯元器、AppBuilder 四个大厂Agent 开发平台的功能分析对比

    扣子、阿里云百炼、腾讯元器、AppBuilder 四个大厂Agent 开发平台的功能分析对比

    2026年3月15日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号