如何获得文件的完整路径，同时选择文件使用<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)只给出了文件的名称。 是否有其他方法获得所选文件的完整路径?
当前回答
可以使用FileReader API更改img元素的src。
https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
其他回答
出于安全原因，浏览器不允许这样做，即浏览器中的JavaScript无法访问文件系统，但是使用HTML5文件API，只有Firefox提供了一个mozFullPath属性，但如果你试图获取该值，它会返回一个空字符串:
$('input[type=file]').change(function () {
console.log(this.files[0].mozFullPath);
});
https://jsfiddle.net/SCK5A/
所以不要浪费你的时间。
edit:如果你需要文件的路径来读取一个文件，你可以使用FileReader API代替。这里有一个关于SO的相关问题:在上传之前预览图像。
你不能。 安全性阻止您了解客户端计算机的文件系统的任何信息——它甚至可能没有文件系统!它可能是一台MAC电脑、一台个人电脑、一台平板电脑或一台联网冰箱——你不知道，不可能知道，也不会知道。让您拥有完整的路径可以为您提供有关客户端的一些信息——特别是如果它是一个网络驱动器。
事实上，你可以在特定的条件下得到它，但它需要一个ActiveX控件，并且在99.99%的情况下不会工作。
你不能用它来恢复文件到原来的位置(因为你完全无法控制下载文件存储在哪里，甚至它们是否被存储)，所以在实践中它对你没有多大用处。
可以使用FileReader API更改img元素的src。
https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
你不应该这样做……我认为在最新的浏览器中尝试它是无用的(据我所知)…另一方面，所有最新的浏览器都不允许这样…
其他一些链接，你可以通过，找到一个解决方案，如获得价值服务器端，但不是在客户端(javascript)
使用jQuery从文件输入的完整路径 如何从HTML输入形式在Firefox 3的文件路径
只能通过IE11和MS Edge获取上传文件的完整路径。
var fullPath = Request.Form.Files["myFile"].FileName;
