如何使用jQuery从输入类型文件中获取选定的文件名和文件路径

时间:2017-05-23 08:21:16

标签: javascript jquery

我的代码文件名正确,但文件目录没有到来。

我的代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Get Selected File Name</title>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('input[type="file"]').change(function(e){
            var fileName = e.target.files[0].dir;
            alert('The file "' + fileName +  '" has been selected.');
        });
    });
</script>
</head>
<body>
    <form>
        <input type="file">
    </form>
</body>
</html>

如何解决这个问题。请帮我解决这个问题。 感谢。

1 个答案:

答案 0 :(得分:3)

https://developer.mozilla.org/en-US/docs/Web/API/File/name

返回File对象表示的文件的名称。出于安全原因,该路径将从此属性中排除。

您可以获取fileName但不能获取路径。