[ PHP 강좌 ] 14. 파일 보기 및 수정하기

📷 이미지 파일 업로드

이미지 파일 업로드는 웹 개발에서 기본적이면서도 필수적인 기능 중 하나입니다. 회원 사진 등 개인의 프로필 사진을 저장하는 데 사용됩니다. 웹 애플리케이션에서 사용자가 자신의 이미지를 서버에 업로드할 수 있도록 구현하는 방법을 살펴보겠습니다. 파일 업로드를 구현할 때는 HTML 폼에서 enctype="multipart/form-data" 속성을 설정해야 하며, 서버 측에서 파일을 처리할 수 있도록 로직을 추가해야 합니다. 업로드된 파일은 서버의 특정 디렉토리에 저장되고, 데이터베이스에는 파일 경로가 저장됩니다.

🛠️ 코드 수정 및 구현

코드 구현은 서버 측 스크립트에서 이루어집니다. 각종 유효성 검사를 통해 파일 타입이 이미지인지 확인하고, 파일이 비어 있지 않은지 체크합니다. 또한, 파일 확장자를 제거하고 새로운 파일명을 생성하여 저장합니다. 이러한 과정은 파일의 보안을 강화하고, 서버에 불필요한 파일이 저장되지 않도록 합니다. 업로드된 파일은 데이터베이스에 저장된 경로를 통해 관리되며, 필요 시 수정되거나 삭제될 수 있습니다.

🎨 이미지 보기 페이지 구현

이미지 보기 페이지에서는 사용자가 업로드한 이미지를 웹 페이지에 표시할 수 있습니다. 이를 위해 HTML의 img 태그를 사용하며, 데이터베이스에 저장된 이미지 경로를 통해 이미지를 불러옵니다. 사용자는 자신의 프로필 페이지에서 이미지를 확인할 수 있으며, 필요에 따라 다른 이미지로 변경할 수 있습니다. 이때 이미지 크기나 비율을 조정하여 사용자가 보기 좋게 표시되도록 합니다.

✏️ 이미지 수정 페이지 구현

이미지 수정 페이지에서는 사용자가 기존 이미지를 다른 이미지로 교체할 수 있는 기능을 제공합니다. 이는 기존의 이미지 업로드 기능을 응용하여 구현됩니다. 사용자가 새로운 이미지를 선택하면, 서버는 기존 이미지를 대체하여 저장합니다. 이때 파일 경로와 파일명을 업데이트하여 데이터베이스에 저장된 정보를 갱신합니다. 이 과정은 사용자가 손쉽게 자신의 프로필 사진을 변경할 수 있도록 합니다.

🔄 이미지 업로드 및 수정 테스트

최종적으로 구현된 기능을 테스트하여 모든 과정이 원활히 작동하는지 확인합니다. 테스트 시에는 다양한 이미지 파일을 업로드하고 수정하여 기능의 안정성을 점검합니다. 이미지가 성공적으로 업로드되고 수정되는지, 페이지에 올바르게 표시되는지를 확인하여 사용자 경험을 극대화합니다. 또한, 오류 발생 시 적절한 예외 처리를 통해 사용자에게 명확한 안내를 제공하는 것도 중요합니다.

🌐 공식사이트

공식사이트 링크