2017-02-26 60 views
0

我有以下输入文件输入文件“没有文件Choosen” jQuery中使用按钮复丝

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

但是当我点击按钮,这不是一个打开文件上加载窗口

回答

0

你可以试试这个

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

addEventListener是侦听事件的JavaScript方式,但您可以在JQuery对象上调用它。查看JQuery.on()来使用JQuery管理事件。

+0

'无法加载资源:服务器与404(未找到)状态回应' – kez

+0

因此,这意味着你的jQuery的文件路径是wrong.Please用户的任何基因用于在您想要运行代码的相同页面上进行测试 – Coder

0

试试这个

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