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

原文地址:https://www.cnblogs.com/lty1661489001/p/13130497.html