Javascript 如何在选择时在文本框中获取文件名(不像c:/fake path/)

Javascript 如何在选择时在文本框中获取文件名(不像c:/fake path/),javascript,jquery,html,Javascript,Jquery,Html,我想要的是,只要我在文件input中选择了一个文件,我就想在名为file\u name的文本框中获取文件名,而无需单击或提交按钮。我想不出它的代码 <input type="text" name="file_name" id="file_name" class="cfGradient inputField"> <input type="file" name="img1" id="img1" onchange="document.getElementById('file_name

我想要的是,只要我在文件
input
中选择了一个文件,我就想在名为
file\u name
的文本框中获取文件名,而无需单击或提交按钮。我想不出它的代码

<input type="text" name="file_name" id="file_name" class="cfGradient inputField">
<input type="file" name="img1" id="img1" onchange="document.getElementById('file_name').value = this.value">

当我从电子驱动器中选择任何文件时,输出为
c:/fake path/selected file
,但我需要所选文件的原始路径。请提供代码和想法。

您可以这样使用

<input type="file" name="file_name" id="file_name" class="cfGradient inputField">

<script type="text/javascript">
function getFilePath(){
     $('input[type=file]').change(function () {
         var filePath=$('#file_name').val(); 
     });
}
</script>

函数getFilePath(){
$('input[type=file]')。更改(函数(){
var filePath=$('#文件名').val();
});
}

希望这对你有帮助。

你不能。这是所有现代浏览器的安全措施(尽管IE固有的
c:/fake path
,其他浏览器只提供文件名).在Jquery中有任何可能性吗?没有。浏览器尽最大努力防止通过JS了解本地文件系统。@RoryMcCrossan:下面的代码在IE和Firefox中工作正常,而不是在chrome中。有什么想法吗?我需要完整的文件路径工作正常Firefox和IE,但在chrome中没有。有什么想法吗?