Introduction

Image RemovedImage Added

Figure 1: Image in a listing

...

Image RemovedImage Added

We will need to get the path to the image first, as shown in Figure 2 above.

...

Image Added

Image AddedImage Removed

Then, in the Datalist, we will need to construct the img html tag, mimicking the image URL path. In this case, we are using the default database and writing the SQL based on MySQL database.

...

SELECT id, c_title, c_image, concat("<img src='http://localhost:8080/jw/web/client/app/imageInList/1/form/download/sample/", id, "/", c_image, ".'/>") as 'image',
concat("<img src='http://localhost:8080/jw/web/client/app/imageInList/1/form/download/sample/", id, "/", c_image, ".thumb.jpg'/>") as 'imagethumb' FROM app_fd_sample

...

Note: If you are using Joget Workflow v5, you can control whether you want the image files to be accessed as anonymous or not. In Joget Workflow v4, one must be logged in in order to see the images.

You can download sample app used in this article for your reference.

Download Demo App

You can download the sample app used in this article for your reference. View filename

• APP_imageInList-

...

• 2.jwa