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


相关推荐

  • mysql中字符转数字_MySQL字符串与数字互转

    mysql中字符转数字_MySQL字符串与数字互转MySQL获得当前系统日期时间函数01.获得当前日期+时间(date+time)函数:now()SELECTNOW();–2010-04-1517:55:3902.获得当前日期(date)函数:curdate()SELECTCURDATE();–2010-04-1503.获得当前时间(time)函数:curtime()SELECTCURTIME();–1…

    2022年5月30日
    40
  • iostat 命令详解「建议收藏」

    iostat 命令详解「建议收藏」概述iostat主要用于输出磁盘IO和CPU的统计信息。iostat属于sysstat软件包。可以用yuminstallsysstat直接安装。iostat用法用法:iostat[选项][<时间间隔>][<次数>]如下图:iostat用法命令参数:-c:显示CPU使用情况-d:显示磁盘使用情况-N:显示磁盘阵列(LVM)信息-n:显示NFS使用情况-k:以KB为单位显示-m:以M为单位显示-t.

    2022年10月6日
    6
  • 超详细讲解深拷贝和浅拷贝「建议收藏」

    超详细讲解深拷贝和浅拷贝「建议收藏」深拷贝与浅拷贝

    2022年9月27日
    2
  • python使用(二)

    python使用(二)

    2022年2月21日
    51
  • hive数据类型转换cast_sql数据类型转换convert

    hive数据类型转换cast_sql数据类型转换convert首先看一下类型转换表(来自https://www.iteblog.com/archives/892.html)我们可以用CAST来显式的将一个类型的数据转换成另一个数据类型。如何使用?CAST的语法为cast(valueASTYPE)。举个例子:假如我们一个员工表employees,其中有name、salary等字段;salary是字符串类型的。有如下的查询:SELECTname,sa…

    2022年9月21日
    2
  • 水牛城66有看点不_acwing是什么

    水牛城66有看点不_acwing是什么给定一张 L 个点、P 条边的有向图,每个点都有一个权值 f[i],每条边都有一个权值 t[i]。求图中的一个环,使“环上各点的权值之和”除以“环上各边的权值之和”最大。输出这个最大值。注意:数据保证至少存在一个环。输入格式第一行包含两个整数 L 和 P。接下来 L 行每行一个整数,表示 f[i]。再接下来 P 行,每行三个整数 a,b,t[i],表示点 a 和 b 之间存在一条边,边的权值为 t[i]。输出格式输出一个数表示结果,保留两位小数。数据范围2≤L≤1000,2≤P≤50

    2022年8月9日
    6

发表回复

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

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