Getting images to show in Apex that are stored in the DB

Question

I'm trying to get an image to show in html code or javascript that I store in the DB. It shows in an IR but I can't get it to show in a html <img> tag.
My DB is an oracle XE 11 DB and I'm using Apex 4.
This is my table:
CREATE TABLE "MAP_IMG_POS"
(     "ID" NUMBER(10,0),
     "ID_MAP_IMAGE" NUMBER(10,0),
     "ID_POSITION" NUMBER(10,0),
"ID_SERVER" NUMBER(10,0),
     "CREATION_USER" VARCHAR2(255),
     "CREATION_DATE" DATE,
     "MODIFICATION_USER" VARCHAR2(255),
     "MODIFICATION_DATE" DATE);
I added PK, triggers, sequence etc
I insert the images using an Apex form.
I found this procedure to get the images:
create or replace
PROCEDURE my_image_display(p_image_id IN NUMBER)
AS
l_mime VARCHAR2 (255);
l_length NUMBER;
l_file_name VARCHAR2 (2000);
lob_loc BLOB;
BEGIN
SELECT MIME_TYPE, IMAGE, DBMS_LOB.getlength (image)
INTO l_mime, lob_loc, l_length
FROM map_images
WHERE id = p_image_id;
OWA_UTIL.mime_header (NVL (l_mime, 'application/octet'), FALSE);
HTP.p ('Content-length: ' || l_length);
OWA_UTIL.http_header_close;
WPG_DOCLOAD.download_file (lob_loc);
END my_image_display;
and put it in my schema.
I gave the following grants in my Shema:
GRANT EXECUTE ON schema1.my_image_display TO PUBLIC;
CREATE PUBLIC SYNONYM my_image_display FOR schema1.my_image_display;
I created a html region and added the following code:
<img src="#OWNER#.my_image_display?p_image_id=2"/>
2 ofc being the id of one of the images.
Yet when I load the page the image won't show. I do get a little icon when I right click it and check the code I just see:
http://127.0.0.1:8080/apex/SCHEMA1.my_image_display?p_image_id=2
Any ideas what I'm doing wrong? I'm also open for suggestions on other ways to do this..
I appreciate all the help!

Answer 1

After a long search and much much reading..
Re: HTP.Print not working
This finally helped me ;-)