通过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

文章来源: blog.csdn.net，作者：lxw1844912514，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/lxw1844912514/article/details/102957773