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

你可以试试这个

col-md-6

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>

输入文件“No File Choosen”文本使用jquery MultiFile中的按钮隐藏

2 个答案: