输入文件“无文件选择”文本隐藏使用jquery MultiFile中的按钮

Question

我有以下输入文件

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

在这个文件输入中，我尝试删除"No file 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管理事件的JQuery.on()方法。

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>