django头像上传详解

 $(‘:file‘).change(function () {
        var file_obj = $(this)[0].files[0];
        var file_Read = new FileReader();
       file_Read.readAsDataURL(file_obj);
        file_Read.onload=function (){
                $("#avatar_img").attr(‘src‘,this.result)
        }
        });

    $("form button").click(function () {
        var username = $("id_username").val();
        var form_datas = new FormData();
        $.each($(‘input‘), function (i, k) {
            form_datas.append($(this).attr(‘name‘), $(this).val())
        });
        form_datas.append(‘avatar‘, $("[type=‘file‘]")[0].files[0]);
        //form_datas.append($(‘form‘).serialize());
        $.ajax({
            url: ‘‘,
            type: ‘post‘,
            data: form_datas,
            contentType: false,
            processData: false,
            success: function (data) {
                if (data.is_success) {
                    location.href = ‘/login/‘
                }
                else {
                    var $inputs = $(‘input‘);
                    $inputs.parent().next().text(‘‘);
                    var d1 = data.message;
                    $inputs.each(function () {
                        if ($(this).attr(‘name‘) in d1) {
                            var temp = d1[$(this).attr(‘name‘)][0];
                            $(this).parent().next().text(temp)
                        }
                    })

                }
            }
        })
    });