基於jquery讀取input上傳的文件內容

<script src="/static/js/jquery.js"></script>
    // 前端頁面實現頭像預覽
    // 當用戶選中文件以後，也就是頭像的input標籤有值時觸發
    $('#avatar').change(function () {
        var file = this.files[0];
        var fr = new FileReader();
        fr.readAsDataURL(file);
        fr.onload = function(){
            $('#avatar-img').attr('src',fr.result)

        }
    })