JavaScript (2) 썸네일형 리스트형 [JavaScript] 이미지 미리보기 createObjectURL() vs FileReader() 프로필 사진 변경 기능을 구현하면서, 변경할 프로필 사진을 선택하면 그 이미지로 미리보기를 보여주고 싶었다. 처음에는 blob url을 생성하여 background-image를 설정해 주었지만, URL을 없애주는revokeObjectURL()을 계속 호출해야 한다. revokeObjectURL은 createObjectURL()을 통해 생성된 object URL을 삭제한다. Object URL은 revokeObjectURL을 호출하기 전이나 이 URL이 생성된 document의 라이프타임이 끝나기 전까지 유효하다. 이것이 계속해서 쌓일 경우에 메모리 누수가 생길 수 있어 사용 후 URL을 제거해 주는 것이 좋다. 따라서 fileReader를 이용하여 target.result의 value값을 이미지 태그의 .. [ajax] ajax로 json과 file 동시에 전송하기 프로젝트에서 유저의 프로필을 바꾸는 기능을 구현 중, 프로필 사진과 비밀번호, 닉네임을 한 컨트롤러 내에서 바꾸고 싶어 방법을 찾아보았다. 원래 ajax를 두번 실행시켜 따로따로 하고 싶었지만, repository에서 user의 변경사항을 두번 save하는 것은 낭비인 듯 싶어 한번에 처리하였다. 1. JavaScript function editInfo() { let userId = [[${userId}]]; let requestData = { password : $("#password").val(), nickname : $("#nickname").val() } let formData = new FormData(); formData.append("img", image); formData.append("r.. 이전 1 다음
