안녕하세요~^^

코스모스팜 회원관리 플러그인에서 아바타 변경 시 호출되는

cosmosfarm_members_avatar_form_submit 자바스크립 함수는

FTP로 접속해서 /wp-content/plugins/cosmosfarm-members/skin/사용중인스킨/script.js 파일에

아래의 코드입니다.

function cosmosfarm_members_avatar_form_submit(input){
	jQuery('#cosmosfarm_members_avatar_form').submit();
}

위의 코드가 실행된 후 실제 아바타 이미지 파일을 업로드하는 코드는

/wp-content/plugins/cosmosfarm-members/class/Cosmosfarm_Members_Page_Builder.class.php 파일에

member_links_args 함수에서 실행됩니다.

아래의 코드를 확인해보시겠어요?

if(isset($_POST['cosmosfarm_members_avatar_nonce']) && wp_verify_nonce($_POST['cosmosfarm_members_avatar_nonce'], 'cosmosfarm_members_avatar')){
	
	$file_handler = get_cosmosfarm_members_file_handler();
	$upload_file = $file_handler->upload_avatar('cosmosfarm_members_avatar_file');
	
	if($upload_file){
		$cosmosfarm_members_avatar = get_user_meta($current_user->ID, 'cosmosfarm_members_avatar', true);
		
		if($cosmosfarm_members_avatar){
			$upload_dir = wp_upload_dir();
			@unlink("{$upload_dir['basedir']}{$cosmosfarm_members_avatar}");
		}
		
		update_user_meta($current_user->ID, 'cosmosfarm_members_avatar', $upload_file['url']);
	}
}

어떤 이유로 submit 완료 후 페이지를 새로고침 하지 않고

ajax로 이미지만 전송 후 해당 아바타의 주소만 가져오시려는지 알려주시면

저희도 도움을 드릴 방법을 찾아보겠습니다.

고맙습니다.

안녕하세요.

회원가입 이나 로그인 시 특정 설정을 하지 않은 유저들을 대상으로

자신의 프로필 이미지 및 기타 여러 정보들을 입력하는 팝업레이어를 만들고자 합니다.

구체적으로 저희 홈페이지는 한류 커뮤니티를 지향하고 있고

인스타그램과 유사하게 개인 홈이 있는데, 자신이 응원하는 스타 선택, 자신의 개인홈에 소개글 등 의 정보를 입력을 하지 않은 유저들을 대상으로 설정하는 팝업레이어를 생성하고자 하고 있습니다.

그 설정하는 내용 중 프로필 사진 업데이트 부분을 넣고 싶은데, 기존의 프로필 사진 업데이트는 새로고침이 되어버리기 때문에 기능구현에 있어서 조금 문제가 있는 상황이었습니다.

제 생각이 맞다면, 지금 현재는 submit 시 같은 페이지로 post 요청을 하게 되고,

post 요청시 아래의 조건문 부분에서 파일을 업로드 한 후에 변경된 아바타 정보를 화면에 다시 표시하도록 렌더링 시키는 것 같은데

if(isset($_POST['cosmosfarm_members_avatar_nonce']) && wp_verify_nonce($_POST['cosmosfarm_members_avatar_nonce'], 'cosmosfarm_members_avatar')){
	
	$file_handler = get_cosmosfarm_members_file_handler();
	$upload_file = $file_handler->upload_avatar('cosmosfarm_members_avatar_file');
	
	if($upload_file){
		$cosmosfarm_members_avatar = get_user_meta($current_user->ID, 'cosmosfarm_members_avatar', true);
		
		if($cosmosfarm_members_avatar){
			$upload_dir = wp_upload_dir();
			@unlink("{$upload_dir['basedir']}{$cosmosfarm_members_avatar}");
		}
		
		update_user_meta($current_user->ID, 'cosmosfarm_members_avatar', $upload_file['url']);
	}
}

그렇다면,

위의 조건문 부분을 복사하여 별도로 함수를 생성하고, ajax action을 추가한 후에 response의 내용을 해당 이미지의 주소로 하면 되나요?

 

function cosmosfarm_members_avatar_form_submit(input){
	jQuery('#cosmosfarm_members_avatar_form').submit();
}

이 submit 부분도 ajax에 맞게 변경하구요....

네, 맞습니다.

진행해보시고 막히는 부분 있으면 댓글로 알려주시면 도움을 드리겠습니다.

고맙습니다.

안녕하세요. 잘 완성했습니다!

추후에 해당사항을 정리할 기회가 있으면, 많은사람이 볼 수 있도록 해결방법을 포스팅해보도록 하겠습니다.