輸入文件「沒有文件Choosen」 jQuery中使用按鈕復絲

Question

我有以下輸入文件

<input type="file" id="sampleInput" name="files" onchange="return Plugins.sampleAction(this);"/> 

在這個文件中輸入我試圖消除「無文件Choosen」文本文字隱藏，爲我做了以下修改

<input type="file" id="sampleInput" name="files" onchange="return Plugins.sampleAction(this);" style='display:none'/> 
<button id="image_alt" type="button">Select image</button> 

<script type="text/javascript"> 
    $('#image_alt').addEventListener('click', function() { 
     $('#sampleInput').click(); 
    }); 
</script> 

但是當我點擊按鈕，這不是一個打開文件上加載窗口

Answer 1

你可以試試這個

$('#image_alt').on('click', function() { 
     $('#sampleInput').click(); 
    }); 

addEventListener是偵聽事件的JavaScript方式，但您可以在JQuery對象上調用它。查看JQuery.on（）來使用JQuery管理事件。

Answer 2

試試這個

<button id="image_alt" type="button">Select image</button> 
    <p class="file_selected">File name</p> 
<script type="text/javascript"> 
    $('#image_alt').on('click', function() { 
     $('#sampleInput').click(); 
    }); 
    function changeVal(obj,cnt){ 
     $(cnt).text($(obj).val()); 
    } 
</script>