您的位置：首页 > Web前端 > JavaScript

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

2016-06-03 11:02 543 查看
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浏览器可以通过设置安全级别，能获取到真实路径。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                html
                                                javaScript
                                                file
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航