Anzeige BLOBs dynamisch

To, wen es betreffen kann, ist hier, wie ich gelöst/umgangen es:

Ging ich mit der fetch-anderen-Seite-route. Vielleicht war ich zu technisch oder zu schwierig in meinem op, aber im Nachhinein denke ich, ich könnte habe gekocht es auf:
"rufen Sie ein image-blob über ajax und anzeigen".
Also, wenn Sie, dass Ringe von Glocken für jedermann, lassen Sie es mich wissen.

Einige Berichtigung zu:
meine Bilder-Tisch ist ein Kind der contacts-Tabelle, so wie meine FK zwischen diesen Bildern ist.contact_id -> Kontakt.id

Ich habe eine neue Seite erstellt in meine Anwendung ein, und setzen Sie ein Formular, basierend auf meine Bilder-Tabelle. Ich zeige nur 2 Elemente vom Typ 'display image' (ein thumbnail und Originalgröße), und 2 versteckte Objekte, die 'ID' und 'CONTACT_ID'. Ich habe alle entfernt, die nicht nötig war: keine Tasten, keine DML-Prozess, keine Beschriftungen, keine Vorlagen.
Die automatisierte row fetch-Prozess nimmt als 'primary key' meine Kontakt-id, so kann ich rufen Sie die Seite mit contact_id in der url (damit ich nicht einen extra wählen Sie zum abrufen der richtigen id in der Bild-Tabelle).

Auf der Seite, ich brauche die Bilder, ich bekomme dann die Seite mit den Fotos bei Bedarf (sprich: wenn das detail-Symbol geklickt, und ich zeige meine popup).
Folgendes Stück code aufgerufen wird diese Funktion
(nur code 'fehlen' hier ist, wo ich rufen Sie eine andere Seite zu verarbeiten, um mich zu Holen Kontakt-details in einem json-format)

//page 120 only holds the 2 images for a contact. Due to images being in
//blobs and no easy way to dynamically fetch them, i made a small
//form with the 2 photos on, and id + contact_id
//(contact_id made PK for the ARF-process, since this is what is worked with)
//The page is pulled in, and the photos retrieved

//htmldb_get does not do the job! It only pulls the page from cache, which isnt what i want

// arrays with the arguments and their values for the post
var vArgs = new Array();
var vVals = new Array();

vArgs.push("P120_CONTACT_ID");
vVals.push(cid);

$.post('wwv_flow.show', 
       {"p_request"      : "NULL",
        "p_flow_id"      : $v('pFlowId'),
        "p_flow_step_id" : "120",
        "p_instance"     : $v('pInstance'),
        "p_arg_names"    : vArgs,
        "p_arg_values"   : vVals}, 
       function(data){
         var oContainerSmall = $("#id_photo_container").empty(),
             oSmallPhoto = $(data).find("#P120_SMALL_PHOTO").attr({"id":"id_photo",
                                                                   "alt":oContact.lastname + " " + oContact.firstname}),
             oLargePhoto = $(data).find("#P120_LARGE_PHOTO").attr("alt",oContact.lastname + " " + oContact.firstname);

         $("#large_photo_container").empty().append(oLargePhoto);
         $("#large_photo_container").css({"display": "block", "visibility": "hidden"});

         //Why remove and remake the container? 
         //for some reason i couldn't find out, the image width and height get reset to 0 after 
         // an initial display of the enlarged picture and closing its dialogbox.
         //I assume it is an apex+css+javascript issue.
         //The only fix i was able to find was to remove the div and remake a new one.
         // There have to be some properties set on the div and/or its children through
         // the closing of the popup dialog (for the larger picture), 
         // which then prevents subsequent calls to get the correct values.
         $("#large_photo_container").remove();
         var oContainerLarge = $("<div></div>").attr("id","large_photo_container").css({"display":"block", "visibility":"hidden"});
         oContainerLarge.append(oLargePhoto);
         $("body").append(oContainerLarge);

         //Hardcoded value here! Adapt when necessary
         if($("#id_contact_type").val() == "Conference Room"){
            var oLink = $("<a/>").attr("href", "#")
                                .click(function(event){
                                         explode_headshot(event, this);
                                       });
            oContainerSmall.append(oLink.append(oSmallPhoto));
         } else {
            oContainerSmall.append(oSmallPhoto);
         };

         $("#contact_popup").dialog({modal: true,
                                     width: 750,
                                     resizable: false, 
                                     title: oContact.lastname + " " + oContact.firstname,
                                     close: function(event, ui){
                                       $("#id_photo").attr({"src": "", "alt": ""});
                                    }});
      });

Ich würde nicht nennen es ideal, aber es funktioniert, und das ist alles was ich brauche in dieser Zeit 🙂

Machte ich eine sehr ähnliche Anwendung mit Kontakt-details, inklusive Fotos vor ein paar Monaten in apex.

Fand ich diese web-Seite sehr nützlich:

http://blog.hilandco.com/2010/05/how-to-show-blob-type-column-as-image.html