如何获得文件的完整路径，同时选择文件使用<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)只给出了文件的名称。 是否有其他方法获得所选文件的完整路径?
当前回答
文件元素和数组调用文件，它包含所有必要的东西，你需要
var file = document.getElementById("upload");
file.addEventListener("change", function() {
for (var i = 0; i < file.files.length; i++) {
console.log(file.files[i].name);
}
}, false);
其他回答
$('input[type=file]').change(function () {
console.log(this.files[0].path);
});
这是正确的形式。
这对我来说是个可行的解决方案
const path = (window.URL || window.webkitURL).createObjectURL(file);
它将返回一个blob URL以本地访问该文件。
你可以使用下面的代码来获取上传文件的本地URL:
<script type="text/javascript">
var path = (window.URL || window.webkitURL).createObjectURL(file);
console.log('path', path);
</script>
可以，如果你可以选择上传整个文件夹的话
<input type="file" webkitdirectory directory multiple/>
更改事件将包含:
.target.files[...].webkitRelativePath: "FOLDER/FILE.ext"
但它不包含整个绝对路径，只包含相对路径。Firefox也支持。
文件元素和数组调用文件，它包含所有必要的东西，你需要
var file = document.getElementById("upload");
file.addEventListener("change", function() {
for (var i = 0; i < file.files.length; i++) {
console.log(file.files[i].name);
}
}, false);
