如何在使用选择文件时获取文件的完整路径<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 包含only name
所选文件的,而不是full path
.
我在网上搜索了它,但似乎出于安全原因浏览器(FF,chrome)只是给出文件名。
还有其他方法可以获取所选文件的完整路径吗?
出于安全原因,浏览器不允许这样做,即浏览器中的 JavaScript 无法访问文件系统,但是使用 HTML5 文件 API,只有 Firefox 提供mozFullPath
属性,但如果您尝试获取该值,它将返回一个空字符串:
$('input[type=file]').change(function () {
console.log(this.files[0].mozFullPath);
});
https://jsfiddle.net/SCK5A/ https://jsfiddle.net/SCK5A/
所以不要浪费你的时间。
编辑:如果您需要文件的路径来读取文件,您可以使用文件阅读器 https://developer.mozilla.org/en/docs/Web/API/FileReaderAPI 代替。这是一个关于SO的相关问题:上传前预览图像。 https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)