如何获得所选文件的完整路径上的改变<输入类型= '文件' >使用javascript, jquery-ajax?

如何获得文件的完整路径，同时选择文件使用<input type= ' file ' >

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

但是filePath var只包含所选文件的名称，而不是完整的路径。我在网上搜索了一下，但似乎出于安全原因，浏览器(FF,chrome)只给出了文件的名称。是否有其他方法获得所选文件的完整路径?

当前回答

试试这个:

它会给你一个临时路径，而不是准确的路径，你可以使用这个脚本，如果你想显示选定的图像在jsfiddle的例子(尝试通过选择图像以及其他文件)

吉斯菲德尔

这是密码:-

HTML: -

<input type="file" id="i_file" value=""> 
<input type="button" id="i_submit" value="Submit">
<br>
<img src="" width="200" style="display:none;" />
<br>
<div id="disp_tmp_path"></div>

JS:-

$('#i_file').change( function(event) {
    var tmppath = URL.createObjectURL(event.target.files[0]);
    $("img").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0]));
    
    $("#disp_tmp_path").html("Temporary Path(Copy it and try pasting it in browser address bar) --> <strong>["+tmppath+"]</strong>");
});

这不是你要找的东西，但也许它能在某个地方帮到你。

2014-07-18 06:07:47

其他回答

出于安全原因，浏览器不允许这样做，即浏览器中的JavaScript无法访问文件系统，但是使用HTML5文件API，只有Firefox提供了一个mozFullPath属性，但如果你试图获取该值，它会返回一个空字符串:

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

https://jsfiddle.net/SCK5A/

所以不要浪费你的时间。

edit:如果你需要文件的路径来读取一个文件，你可以使用FileReader API代替。这里有一个关于SO的相关问题:在上传之前预览图像。

2013-03-04 12:09:13

你不应该这样做……我认为在最新的浏览器中尝试它是无用的(据我所知)…另一方面，所有最新的浏览器都不允许这样…

其他一些链接，你可以通过，找到一个解决方案，如获得价值服务器端，但不是在客户端(javascript)

使用jQuery从文件输入的完整路径如何从HTML输入形式在Firefox 3的文件路径

2013-03-04 12:09:07

你是认真的吗?

$('#i_file').change( function(event) {
var tmppath = URL.createObjectURL(event.target.files[0]);
    $("img").fadeIn("fast").attr('src',tmppath);       
});

2014-11-23 19:10:16

一个有趣的提示:虽然这在网上是不可用的，如果你在Electron中使用JS，那么你可以这样做。

使用标准的HTML5文件输入，您将在所选文件上收到一个额外的path属性，其中包含真正的文件路径。

完整的文档在这里:https://github.com/electron/electron/blob/master/docs/api/file-object.md

2019-11-18 14:23:54