使用文件输入获取html中的文件夹路径或文件路径

时间:2014-06-12 18:05:35

标签: javascript jquery html html5 web

我正在尝试使用文件选择器获取html中文件或文件夹的完整路径。 我试图使用类型文件的输入,但它没有给我一个正确的路径。

<html>
<head>
    <title>Roy Baranes</title>
    <script src="js/jquery-1.10.2.js"></script>
    <link type="text/css" rel="stylesheet" href="css/styles.css">

        <script>
        $(document).ready(function(){
            $("#getIt").click(function(){
                alert($("#label").val());
            });
        });
    </script>
</head>
<body>
    <div id="wrapper">
        <div class="form">
            <input type="file" id="label">
            <button id="getIt">Import</button>
        </div>
        <header>
            <div>
                <p>Welcome, please type text to search</p>
            </div>
        </header>

        <form id="searchbox">
            <input id="search" name="search" type="text" placeholder="Type here">
            <input id="submit" type="submit" value="submit">
        </form>
    </div>
</body>
</html>

当我想选择一个文件夹时,我使用以下代码:

<input type="file" id="label" webkitdirectory directory multiple>

但在我选择并输入导入后,警报会显示以下路径 c:\ fakepath \ *文件夹中的第一个文件 - 而我期待这条路径:* \ 我选择的文件名 - 当我选择文件时

0 个答案:

没有答案