使用JavaScript / jQuery在文件浏览对话框中单击打开按钮后获取文件名 [英] Get the file name after click open button in file browse dialog box using JavaScript/jQuery

问题描述

基本上我是web开发中的新手，我正面临一个与打开文件对话框使用 JavaScript 或 jQuery 我的问题是如何打开文件浏览器对话框，点击打开文件对话框中打开按钮获取文件路径或<$ c $在$ alert（）方法中使用c> name

下面的JavaScript代码展示对话框

 < script type =text / javascript> 
 function performClick（node）{
 var evt = document.createEvent（MouseEvents）; 
 evt.initEvent（click，true，false）; 
 node.dispatchEvent（evt）; 
 var pathnew = document.getElementById（'theFile'）.value; 
 
} 
< / script> 
 
< a href =＃onclick =performClick（document.getElementById（'theFile'））;>打开文件对话框< / a> 
< input type =fileid =theFile/>上面的代码显示完美的文件浏览对话框，但是当我点击
时，这个提示框显示打开文件对话框但是我需要点击文件浏览对话框下的打开按钮。 
请帮助我！
 
 
 
任何帮助将被占用！ 
 
解决方案
 
 < form> 
< input type =file> 
< / form> 
< script> 
 $（：file）。change（function（）{
 alert（$（：file）.val（））; 
}）; 
< / script> 
  
把它放在你的jsfiddle上： http://jsfiddle.net/9ytkn/   
Basically I am new in web development and I'm facing a problem related to open file dialog box using JavaScript or jQuery my problem is that how can I open a file browser dialog box and after clicking open button in the file dialog box get the file path or name in alert() method.


I am using below code for show dialog box in JavaScript
<script type="text/javascript">
    function performClick(node) {
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", true, false);
        node.dispatchEvent(evt);
        var pathnew = document.getElementById('theFile').value;

    }
</script>

<a href="#" onclick="performClick(document.getElementById('theFile'));">Open file dialog</a>
<input type="file" id="theFile" />
above code shows perfectly file browse dialog box but this alert box show when I click on 
Open file dialog but I need after clicking Open button which is under the File browse dialog box. 
Please Help me!

Any help will be appropriated! 
解决方案
<form>
    <input type="file">
</form>
<script>
  $(":file").change(function(){
    alert($(":file").val());
  });
</script>
put it on jsfiddle for you here: http://jsfiddle.net/9ytkn/

                        
这篇关于使用JavaScript / jQuery在文件浏览对话框中单击打开按钮后获取文件名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！