JSP 페이지에서 이미지를 표시하는 것은 웹 개발에서 흔히 사용되는 기능입니다. 주로 <img> 태그를 사용하여 이미지 파일을 웹 페이지에 포함시킵니다. 다음은 JSP 페이지에서 이미지를 표시하는 두 가지 방법을 설명하는 예제입니다.
예제 1: 웹 디렉토리 내 이미지 표시
이 예제는 웹 서버의 특정 디렉토리에 저장된 이미지를 JSP 페이지에 표시합니다.
showImage.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Show Image</title>
</head>
<body>
<!-- 이미지 파일 경로 지정 -->
<img src="images/sample.jpg" alt="Sample Image">
</body>
</html>
예제 2: 동적으로 이미지 경로 설정
이 예제에서는 사용자 입력 또는 다른 조건에 따라 동적으로 이미지 경로를 결정합니다.
dynamicImage.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Dynamic Image Display</title>
</head>
<body>
<%
// 조건에 따라 이미지 경로 결정
String imagePath = "default.jpg"; // 기본 이미지
String userType = request.getParameter("type"); // 예를 들어 사용자 유형에 따라 이미지 변경
if("admin".equals(userType)) {
imagePath = "admin.jpg";
} else if("user".equals(userType)) {
imagePath = "user.jpg";
}
%>
<!-- 동적으로 결정된 이미지 파일 경로 지정 -->
<img src="images/<%=imagePath%>" alt="Dynamic Image">
</body>
</html>
관련 전문용어 설명
- <img> 태그: HTML에서 이미지를 문서에 삽입할 때 사용하는 태그입니다.
- src 속성: <img> 태그에서 이미지의 위치를 지정하는 속성입니다. 상대 경로나 절대 경로를 사용할 수 있습니다.
- alt 속성: 이미지가 표시되지 않을 때 대신 표시될 텍스트를 지정하는 속성입니다. 접근성과 SEO에 중요합니다.
'jsp' 카테고리의 다른 글
| 데이터 검색 및 페이징: 데이터베이스에서 데이터를 검색하고 페이징 처리하는 방법을 배우는 예제. (0) | 2023.12.25 |
|---|---|
| 이미지 업로드: 웹 페이지에서 이미지를 업로드하고 표시하는 방법을 다루는 예제. (0) | 2023.12.25 |
| 데이터베이스 입력: 사용자로부터 데이터를 입력받아 데이터베이스에 저장하는 예제. (0) | 2023.12.25 |
| 쿼리 문자열 다루기: URL에서 쿼리 문자열을 추출하고 파싱하는 예제. (0) | 2023.12.25 |
| 페이지 리다이렉션: 다른 페이지로 리다이렉트하는 방법을 배우는 예제. (0) | 2023.12.25 |