js获取文件上传路径（解决出现fakepath的问题）

上传文件时，有时候需要获取文件路径，但是浏览器安全机制，使得路径被fakepath代替，获取不到

下面的代码解决这个问题，支持Chrome，其它浏览器没测试，用的时候注意

代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>上传file属性</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <input id="input-file" class="upload" type="file" value="">
    <img src="" alt="">
</body>
<script>
    $(function(){
        $('.upload').change(function(){
            var oFReader = new FileReader();
            var file = document.getElementById('input-file').files[0];
            oFReader.readAsDataURL(file);
            oFReader.onloadend = function(oFRevent){
                var src = oFRevent.target.result;
                $('img').attr('src',src);
            }
        })
    })
</script>
</html>

转自：https://blog.csdn.net/littlebearGreat/article/details/77101579

posted @ 2020-06-15 13:55  红心火柴  阅读(4463)  评论(0)  编辑  收藏  举报