如何获得文件的完整路径，同时选择文件使用<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>");
});
这不是你要找的东西，但也许它能在某个地方帮到你。
其他回答
可以使用FileReader API更改img元素的src。
https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
你可以使用下面的代码来获取上传文件的本地URL:
<script type="text/javascript">
var path = (window.URL || window.webkitURL).createObjectURL(file);
console.log('path', path);
</script>
你不应该这样做……我认为在最新的浏览器中尝试它是无用的(据我所知)…另一方面，所有最新的浏览器都不允许这样…
其他一些链接，你可以通过，找到一个解决方案，如获得价值服务器端，但不是在客户端(javascript)
使用jQuery从文件输入的完整路径 如何从HTML输入形式在Firefox 3的文件路径
这对我来说是个可行的解决方案
const path = (window.URL || window.webkitURL).createObjectURL(file);
它将返回一个blob URL以本地访问该文件。
试试这个:
它会给你一个临时路径，而不是准确的路径，你可以使用这个脚本，如果你想显示选定的图像在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>");
});
这不是你要找的东西，但也许它能在某个地方帮到你。
