DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
Refcards Trend Reports
Events Video Library
Over 2 million developers have joined DZone. Join Today! Thanks for visiting DZone today,
Edit Profile Manage Email Subscriptions Moderation Admin Console How to Post to DZone Article Submission Guidelines
View Profile
Sign Out
Refcards
Trend Reports
Events
View Events Video Library
Zones
Culture and Methodologies Agile Career Development Methodologies Team Management
Data Engineering AI/ML Big Data Data Databases IoT
Software Design and Architecture Cloud Architecture Containers Integration Microservices Performance Security
Coding Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
Culture and Methodologies
Agile Career Development Methodologies Team Management
Data Engineering
AI/ML Big Data Data Databases IoT
Software Design and Architecture
Cloud Architecture Containers Integration Microservices Performance Security
Coding
Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance
Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks

UK-US Data Bridge: Join TechnologyAdvice and OneTrust as they discuss the UK extension to the EU-US Data Privacy Framework (DPF).

Migrate, Modernize and Build Java Web Apps on Azure: This live workshop will cover methods to enhance Java application development workflow.

Kubernetes in the Enterprise: The latest expert insights on scaling, serverless, Kubernetes-powered AI, cluster security, FinOps, and more.

A Guide to Continuous Integration and Deployment: Learn the fundamentals and understand the use of CI/CD in your apps.

Related

  • Mastering Git
  • Building a Flask Web Application With Docker: A Step-by-Step Guide
  • Microsoft Azure Active Directory
  • How To Build a Google Photos Clone - Part 1

Trending

  • A Maven Story
  • Best Practices for Multi-Module Projects With Spring Boot
  • Exploring Slowly Changing Dimensions in Data Warehousing
  • Spring OAuth Server: Default Configuration

Display Images From a Non-Project Directory in JSF

faisal khan user avatar by
faisal khan
·
May. 20, 10 · Interview
Like (0)
Save
Tweet
Share
23.8K Views

Join the DZone community and get the full member experience.

Join For Free

When using image related tags in JSF we come across a situation where we need to display an image from the system which is not in the project directory. The images which are in the project directory are easily displayed using the relative path in the "src" or "value" attribute in these tags but displaying images using absolute path is not possible directly in JSF using these tags.

A technique to do this is explained in this article which uses a servlet to respond to the image url which we send.

1)Provide the following entry in web.xml:

<servlet-mapping>
<servlet-name>DynamicImageServlet</servlet-name>
<url-pattern>/images/dynamic/*</url-pattern>
</servlet-mapping>

2)In your xhtml/jsp file call the servlet as shown below:

<h:graphicImage value="/images/dynamic/?file=test.jpg"/>

3)Create the following servlet class

public class DynamicImageServlet extends HttpServlet {

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException

{

try {

// Get image file.

String file = request.getParameter("file");

BufferedInputStream in = new BufferedInputStream(new FileInputStream("Image directory:/" + file));

// Get image contents.
byte[] bytes = new byte[in.available()];

in.read(bytes);
in.close();

// Write image contents to response.
response.getOutputStream().write(bytes);

} catch (IOException e) {

e.printStackTrace();

}

}

}

Explanation of servlet code:
The url (/images/dynamic/?file=test.jpg) specified with the parameter "file" in the xhtml file calls the servlet based on the entry in the web.xml file.

The servlet's doGet() method receives the request and processes it to write the response in the form of the image from the system.

The "Image directory" specified in the servlet class is the system directory from where you want to read the image.

Directory

Opinions expressed by DZone contributors are their own.

Related

  • Mastering Git
  • Building a Flask Web Application With Docker: A Step-by-Step Guide
  • Microsoft Azure Active Directory
  • How To Build a Google Photos Clone - Part 1

Comments

Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • Become a Contributor
  • Core Program
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 3343 Perimeter Hill Drive
  • Suite 100
  • Nashville, TN 37211
  • support@dzone.com

Let's be friends: