前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >通过label点击触发隐藏input:file上传文件或者图片[通俗易懂]

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

作者头像
全栈程序员站长
发布2022-07-11 13:26:00
1.4K0
发布2022-07-11 13:26:00
举报
文章被收录于专栏:全栈程序员必看

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

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

代码语言:javascript
复制
<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>
代码语言:javascript
复制
.file {
    display: none;
}

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年2月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档