頭像預覽

<script>
    // 給file類型的input标簽綁定change事件
    $("#id_avatar").change(function () {
        var choose_file = $(this)[0].files[0];
        var reader = new FileReader();
        reader.readAsDataURL(choose_file);

        reader.onload=function () {
            // 找到這個圖檔，給src屬性賦予圖檔的路勁
            $(".avatar").attr("src",reader.result)
        }
    });
</script>