通过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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 接口测试之Postman使用全指南(原来使用 Postman测试API接口如此简单)

    接口测试之Postman使用全指南(原来使用 Postman测试API接口如此简单)Postman是一个可扩展的API开发和测试协同平台工具,可以快速集成到CI/CD管道中。旨在简化测试和开发中的API工作流,如:使用Newman运行Postman集合Postman工具有Chrome扩展和独立客户端,推荐安装独立客户端。Postman有个Workspace的概念,workspace分personal和team类型。Personalworkspace只能自己查看。

    2022年5月31日
    78
  • Could not find method implementation() for arguments [directory ‘libs’]

    Could not find method implementation() for arguments [directory ‘libs’]

    2021年10月1日
    58
  • 英语字母s的发音规则_S汉字的发音

    英语字母s的发音规则_S汉字的发音英语发音规则S字母一、总结一句话总结:1、S 在音节开头或清辅音前/s/?2、S 在元音字母间或浊辅音前/z/?3、Sh发/ʃ/?4、Sc-发/sk/或/s

    2022年8月2日
    8
  • c语言将时速转换成配速,配速与时速换算(跑步配速和时速换算)

    c语言将时速转换成配速,配速与时速换算(跑步配速和时速换算)时间除以路程,一般时间单位用分,路程单位用千米。比如20分钟跑了3千米,那配速就是20/3=6.66,也就是6分40秒每公里,一般说成640的配速。配速是针对长跑来说的,对短跑和中跑是不采用这个概念的。马拉松运动讲究匀速,在匀速的状态下才能更好地发挥自己的实力。很多跑步爱好者很注意控制速度。他们根.时速的意思是当时跑步的速度,配速是平均每公里耗时几分钟消耗是指跑步消耗的热量相当于每小时跑多少千…

    2022年6月28日
    67
  • 免费的API接口_api平台

    免费的API接口_api平台转:https://blog.csdn.net/qq_35304570/article/details/79811226声明:整理记录,自己开发过程使用,请勿用做非法途径!参考:http://developer.51cto.com/art/201412/458778.htm豆瓣:https://api.douban.com/v2/book/search?q="百年孤独" …

    2022年9月27日
    2
  • idea查看自己的激活码_在线激活「建议收藏」

    (idea查看自己的激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html83…

    2022年3月27日
    212

发表回复

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

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