Django로 instagram 만들기 (8) - 프로필 사진 변경

1. 프로필 변경 버튼 클릭
2. input file.click 실행
3. 이미지 선택
4. input type="file"에 파일 업로드
5. onchage 콜백 실행
6. 파일, 이메일 주소 보내기
7. 서버에서 uploadeprofile실행
8. user 중 올라온 email과 같은 것을 찾아 user의 profile 이미지를 변경
9. user.save -> 실제로 db반영

1. profile.html

• 내 프로필 화면에서 사진을 변경하면 변경된 사진으로 프로필 사진이 반영되어야 한다.
• 프로필 변경 버튼에 함수를 넣어준다.

        let file = $('#input_fileupload')[0].files[0];
        let email = "{{ user.email }}";

        let fd = new FormData();
        fd.append('file', file);
        fd.append('email', email);

• body에서 우측 상단과 메인 프로필 사진 두 부분에도 적용되도록 변경해줘야한다.(main.html도 마찬가지이다.)

{% get_media_prefix %}{{ user.profile_image }}

2. views.py

        profile_image = uuid_name

        user = User.objects.filter(email=email).first()

        user.profile_image = profile_image
        user.save()

출처