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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM