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


相关推荐

  • SSL工作原理

    SSL工作原理

    2021年9月22日
    49
  • js全局变量详解

    js全局变量详解前言本文主要介绍3种全局变量的定义方式以及开发中会遇到的一些问题,再加上一点个人见解。首先简单的介绍一下3种全局变量的定义方式vara=1;//方式1b=2;//方式2window.c=3;//方式3这3种形式定义出来的全局变量都属于window对象对于方式1我们都不陌生,方式3也看过不少,方式2的隐似创建方式我们或多或少都干过,例如vara=1;funct

    2022年6月9日
    57
  • 怎样取消shutdown关机命令?-shutdown命令的使用解析

    怎样取消shutdown关机命令?-shutdown命令的使用解析

    2021年12月13日
    93
  • jrtplib介绍[通俗易懂]

    jrtplib介绍[通俗易懂]程序流程发送:获得接收端的IP地址和端口号创建RTP会话指定RTP数据接收端设置RTP会话默认参数发送流媒体数据接收:获得用户指定的端口号创建RTP会话设置接收模式接受RTP数据检索RTP数据源获取RTP数据报删除RTP数据报1.初始化I、在使用JRTPLIB进行实时流媒体数据传输之前,首先应该生成R…

    2022年7月28日
    11
  • linux怎么退出vi编辑器_linuxvi编辑器命令

    linux怎么退出vi编辑器_linuxvi编辑器命令有很多方法:退出Vi  当编辑完文件,准备退出Vi返回到shell时,可以使用以下几种方法之一。  在命令模式中,连按两次大写字母Z,若当前编辑的文件曾被修改过,则Vi保存该文件后退出,返回到shell;若当前编辑的文件没被修改过,则Vi直接退出,返回到shell。  在末行模式下,输入命令  :w  Vi保存当前编辑文件,但并不退出,而是继续等待用户输入命令。在使用w命令时,可以再给编辑文件起

    2022年9月28日
    2
  • Centos 7 安装 yum 命令

    Centos 7 安装 yum 命令在Centos7上安装yum命令在官网下载centos7最新ios镜像,用VM进行安装,具体安装步骤在这里不做赘述,可以翻阅网上其他教程。一般安装完成后centos都会自带yum。执行yumlist命令可能会报以下几种错误。错误一:couldnotfindmirror  表明无法找到软件镜像源,因为是网络的原因。因此我们要去修改网络配置解决方式:执…

    2022年6月4日
    50

发表回复

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

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