사용자가 표시되는 아바타를 변경할 수 있어야 한다는 요구 사항이 있습니다. 내 생각은 다음과 같습니다. 사용자가 먼저 아바타 이미지를 업로드하고 서버에서 아바타 이미지를 바꾼 다음 새로 고쳐 업데이트된 이미지를 표시합니다. 문제는 JS가 PHP 또는 Nodejs와 결합하여 어떻게 이미지를 서버에 업로드할 수 있느냐는 것입니다.
http://www.jq22.com/jquery-in... 플러그인을 참조하세요. base64 인코딩으로 변환하고 인코딩 문자열을 백엔드에 ajax하여 로컬에 저장합니다. 업로드하기 전에 파일을 동일한 비율로 압축하는 것이 가장 좋습니다. 업로드 버튼 <input type="file" name="file" id="file" />을 아름답게 만드는 것이 어려울 것입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
파일을 업로드하려면 양식을 작성하세요
으아악파일 처리를 위한 또 다른 PHP 작성
으아악http://www.jq22.com/jquery-in... 플러그인을 참조하세요.
base64 인코딩으로 변환하고 인코딩 문자열을 백엔드에 ajax하여 로컬에 저장합니다. 업로드하기 전에 파일을 동일한 비율로 압축하는 것이 가장 좋습니다.
업로드 버튼 <input type="file" name="file" id="file" />을 아름답게 만드는 것이 어려울 것입니다.
ajax업로드
이 플러그인을 살펴보세요
으아아아백엔드에서 이미지가 성공적으로 저장되면 이미지 주소를 반환한 다음 페이지의 이미지 주소를 바꿉니다
링크의 코드를 변경했습니다