js获取被选择文件的路径方法汇总

最新推荐文章于 2024-07-28 02:32:15 发布

冷月无声_x

最新推荐文章于 2024-07-28 02:32:15 发布

阅读量3.1w

点赞数 2

文章标签： html javaScript file

本文链接：https://blog.csdn.net/xiayujj123/article/details/51577262

版权

html代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>file demo</title>
    <script src="jquery.js"></script>
</head>
<body>   
    <input type="file" name="fileString" multiple class="file">    
</body>
</html>

获取文件路径方法如下：

    <script>
         $("input[name=fileString]").change(function() {
            //var names = [];
			
            for (var i = 0; i < $(this).get(0).files.length; ++i) {
               // names.push($(this).get(0).files[i].name);
				//console.log($(this).get(0).files[i].mozFullPath);
				//方式一：
				var filePath = $(this).val();
				console.log(filePath);
				//方式二：
				alert($('input[type=file]').val());
            }
            //console.log(names);
			//方式三：
			alert($("input[name=fileString]").val());

        })
        
    </script>

注意：以上方式取到的都是文件的伪路径，由于浏览器的安全策略，Chrome浏览器及Chrome内核的浏览器是不可能获取文件在本地的真实路径的。IE浏览器可以通过设置安全级别，能获取到真实路径。