Short question: I need to turn a dynamic image pulled from a database into a URL without adding a component to the displaying page (such as using a NonCachingImage) using Wicket.

The perfect solution (that I've implemented in other Frameworks) is simply to create a page that takes the image ID as a url parameter and renders the image to the response stream. Unfortunately Wicket's Page class extends MarkupContainer, which revolves around MarkupStreams. MarkupStreams aren't very conducive to rendering byte data directly.

Long question: I'm using Wicket 1.4.0, running in Tomcat 6.0.18. The image is stored in a Postgres database, retrieved via JDBC. The image needs to be rendered by a third party API that only accepts image URLs. I have a model object that contains the byte data, mime type, and a Resource object that can pull the model from the DB and add it to a response stream.

Any ideas?

+6  A: 

I've only just started to work with Wicket myself, but I would simply mount the resource as a shared resource with its own URL. You just override init() in your Application and register the resource with

getSharedResources().add(resourceKey, dynamicImageResource);

Then, you mount it as a shared resource with

mountSharedResource(path, resourceKey);

For some reason, that I still do not completely grasp, you have to prepend the class name of the application to the resource key you pass to mountSharedResource().

Let's add a fully working example for some bonus votes! First create an empty Wicket template with

mvn archetype:create -DarchetypeGroupId=org.apache.wicket \
    -DarchetypeArtifactId=wicket-archetype-quickstart \
    -DarchetypeVersion=1.4.0 -DgroupId=com.mycompany \

Then, override the init() method in WicketApplication by adding:

protected void init() {
    final String resourceKey = "DYN_IMG_KEY";
    final String queryParm = "id";

    getSharedResources().add(resourceKey, new Resource() {
        public IResourceStream getResourceStream() {
            final String query = getParameters().getString(queryParm);

            // generate an image containing the query argument
            final BufferedImage img = new BufferedImage(100, 100,
            final Graphics2D g2 = img.createGraphics();
            g2.drawString(query, img.getWidth() / 2, img.getHeight() / 2);

            // return the image as a PNG stream
            return new AbstractResourceStreamWriter() {
                public String getContentType() {
                    return "image/png";
                public void write(OutputStream output) {
                    try { ImageIO.write(img, "png", output); }
                    catch (IOException ex) { /* never swallow exceptions! */ }

    mountSharedResource("/resource", Application.class.getName() + "/" +

The little dynamic PNG resource just writes the query parameter on black background. Of course, you can access your DB or do whatever you like to produce the image data.

Finally, execute mvn jetty:run, and you will be able to access the resource at this URL.

And to complement this: Using an IInitializer implementing class and `getSharedResources().putClassAlias(ListInitializer.class, "list"); new ListInitializer().init(this);` you should be able to get around prepending the whole classpath for you image url.
Can you provide more information, Tim? I can't find the `ListInitializer` class in Wicket and the available documentation on `putClassAlias` isn't helpful, either.
ListInitializer is just my implementation.. I'll expand my example into an own answer..
Ahhh, brilliant. The piece I was missing was getParameter on Resource; I had completely overlooked that. I was looking for it to be passed via the constructor as in the page model. Thanks Janko!
Michael Krauklis
A note about the URL provided to test:http://localhost:8080/myproject/resource/org.apache.wicket.Application/dynPng?id=someIdReally anything under /resource would work, e.g.:http://localhost:8080/myproject/resource?id=someId
Michael Krauklis

Here's my example that does the same for a dynamically compiled list of identifiers, served up as a shared resource with a static URL..

public class WicketApplication extends WebApplication {
    protected void init() {
     addComponentInstantiationListener(new SpringComponentInjector(this));

     //Register export lists as shared resources
     getSharedResources().putClassAlias(ListInitializer.class, "list");
     new ListInitializer().init(this);

And my ListInitializer that registers the resources as DBNAME_SUBSELECTION1(2/3/..)

public class ListInitializer implements IInitializer {
    public ListInitializer() {

    private DatabankDAO dbdao;

    public void init(Application application) {
     //For each databank
     for (Databank db : dbdao.getAll()) {
      String dbname = db.getName();
      //and all collection types
      for (CollectionType ct : CollectionType.values()) {
       //create a resource
       Resource resource = getResource(dbname, ct);
       //and register it with shared resources
       application.getSharedResources().add(this.getClass(), dbname + '_' + ct, null, null, resource);

    private MyApp MyApp;

    public Resource getResource(final String db, final CollectionType collectionType) {
     return new WebResource() {
      public IResourceStream getResourceStream() {
       List<String> entries = MyApp.getEntries(db, collectionType.toString());
       StringBuilder sb = new StringBuilder();
       for (String entry : entries) {
       return new StringResourceStream(sb, "text/plain");

      protected void setHeaders(WebResponse response) {
       response.setAttachmentHeader(db + '_' + collectionType);

I'm sorry but I can't seem to find the tutorial I used to set this up anymore, but it should be evident how this relates to the above example and can be adjusted to do the same for images.. (Sorry for the sparse explanation, if it's still unclear I could come back and edit my answer)