關於將文件輸入委託給Div的問題點擊

Question

您可以看看這個片段，讓我知道爲什麼我無法將FileUpload委託給div img-box？我只是想隱藏通過點擊原始輸入和負荷的形象加號，而不是

$('.img-box').click(function(e) { 
 
    console.log("Test"); 
 
    e.stopPropagation(); 
 
$(this).find('input[name="image"]').click(); 
 
});

.img-box{ 
 
    min-height:100px; 
 
    min-width:100px; 
 
    background-image: url("https://cdn4.iconfinder.com/data/icons/basic-ui-elements/700/07_plus-128.png"); 
 
    margin: 0 auto; 
 
    background-size: 40px 40px; 
 
    background-repeat: no-repeat; 
 
    background-position: center; 
 
} 
 

 
input { 
 
    display:none !important; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="container"> 
 
<div class="row"> 
 
    <div class="col-xs-6 col-md-3 text-center"> 
 
    <a href="#" class="thumbnail "> 
 
     <div class="img-box"> 
 
    <input type="file" class="file" name="image" /> 
 
<img id="i" class="img-responsive" /> 
 
     
 
     </div> 
 
    </a> 
 
    </div> 
 
</div> 
 
</div>

Answer 1

您使用input[type=image]但type=file和name=image

$(this).find('input[type="image"]').click(); 

，你必須使用

$(this).find('input[name="image"]').click();