Referencing loaded images in APEX

Hi all:
Up until this point, I have used the same method of getting images to be recognized by an Apex
installation. That specifically has been through loading images into a physical directory on the
machine where APEX was installed. This was made available to me by the DBA that installed APEX.
This is Application Express 2.2.0.00.32 running on AIX Unix.
Oracle Database 10g Enterprise Edition Release 10.2.0.1.0 - 64bit Production
This arrangement worked. I was able to reference any image loaded to that directory using
"/i/[image].gif". "/i/" was set as my pseudo directory by default on Apex.
Over time, I developed an application that is now ready to deploy in like environments and I have
never had a problem with viewing graphics.
For the purposes of demoing to a specific customer, I was asked to deploy this to a different environment
temporarily, I was given the option of loading my application to a Windows XP environment running
Oracle XE and Application Express 2.1.0.00.39.
Since there was no physical directory that I could locate for images, it seemed to me that my only
option was to load my images using the wizard for loading image file components (which I understand
means using XDB)...
I was not been able to get this to work. I went back to my AIX Unix/Oracle 10g installation and attempted
to do the same (load images as a file component and reference them). To my surprise it didn't work there
either.
These are the steps I took in attempting this:
1.) Within my application definition, go to "Shared components"
2.) Under the Files section, I click on "images"
3.) Click on the button labeled "Create"
4.) The page "Create Image" appears. I click on the "Browse" button and I pick the image from my local file system.
5.) I leave the drop-down list as is (reading "No Application Associated")
6.) I click on the "Upload" button.
I then go back to my application under "Edit Attributes" and reference the file as /i/[file].gif
I find that the images do not show up. On IE, all I get is the standard red "X" indicating that
an image file failed to load.
I can't help thinking that I'm missing an obvious step. Let me know if there's any other info I should
provide.
Thanks

HI,
To reference images loaded through shared components use:
#WORKSPACE_IMAGES#filename.gif (when you set it to No Application Associated)
or
#APP_IMAGES#filename.gif (when you associate it with a specific application)
Graham

Similar Messages

  • Problem loading image from jar file referenced by jar file

    First, I searched this one and no, I didn't find an answer. Loading images from jar files has been pretty much done to death but my problem is different. Please read on.
    I have my application, a straight up executable running from Eclipse. It uses a jar file, call it JarA. JarA launches a GUI that is located in another jar file. Call it JarB. To recap:
    My application calls JarA -> JarA loads classes from JarB -> JarB looks for images to place in a GUI it wants to show on the screen
    When JarB goes to load an image the following happens:
    java.lang.NullPointerException
         at sun.misc.URLClassPath$3.run(URLClassPath.java:316)
         at java.security.AccessController.doPrivileged(Native Method)
         at sun.misc.URLClassPath.getLoader(URLClassPath.java:313)
         at sun.misc.URLClassPath.getLoader(URLClassPath.java:290)
         at sun.misc.URLClassPath.findResource(URLClassPath.java:141)
         at java.net.URLClassLoader$2.run(URLClassLoader.java:362)
         at java.security.AccessController.doPrivileged(Native Method)
         at java.net.URLClassLoader.findResource(URLClassLoader.java:359)
         at java.lang.ClassLoader.getResource(ClassLoader.java:977)
         at org.cubrc.gmshell.gui.MainWin.preInit(MainWin.java:152)
         at org.cubrc.gmshell.gui.MainWin.<init>(MainWin.java:135)
    The code from JarB that loads the image looks like this:
              URL[] oSearch = {Main.class.getResource("images/")};
              URLClassLoader oLoader = new URLClassLoader(oSearch);
              imgIcon = new ImageIcon(oLoader.getResource("icon.gif"));
              imgMatchRunning = new ImageIcon(oLoader.getResource("gears.gif"));
              imgMatchStill = new ImageIcon(oLoader.getResource("gears-still.gif"));
              imgMagnify = new ImageIcon(oLoader.getResource("magnify.gif"));This looks right to me and JarB certainly has an images directory with those files. But I'm in hell right now because I don't know where to place the images to make this work or if you can even attempt to load images with a dependency chain like this.
    Any help very appreciated!

    Have you tried to move your image-files out of the jar file and place them in the sam folder as the jar-file? I think that would help.
    When you try to load the image-file you get the NullPointerException because the program tries to read a file it can't find. Remember that a jar file IS a file and not a directory.
    If you want to read somthing inside the jar-file you need to encode it first.
    Have you tried to read the jar-file with winRar. It makes it easy to add and remove files in your jar-file.

  • Capture Web Cam image in APEX and Upload into the Database

    Overview
    By using a flash object, you should be able to interface with a usb web cam connected to the client machine. Their are a couple of open source ones that I know about, but the one I chose to go with is by Taboca Labs and is called CamCanvas. This is released under the MIT license, and it is at version 0.2, so not very mature - but in saying that it seems to do the trick. The next part is to upload a snapshot into the database - in this particular implementation, it is achieved by taking a snapshot, and putting that data into the canvas object. This is a new HTML5 element, so I am not certain what the IE support would be like. Once you have the image into the canvas, you can then use the provided function convertToDataURL() to convert the image into a Base64 encoded string, which you can then use to convert into to a BLOB. There is however one problem with the Base64 string - APEX has a limitation of 32k for and item value, so can't be submitted by normal means, and a workaround (AJAX) has to be implemented.
    Part 1. Capturing the Image from the Flash Object into the Canvas element
    Set up the Page
    Required Files
    Download the tarball of the webcam library from: https://github.com/taboca/CamCanvas-API-/tarball/master
    Upload the necessary components to your application. (The flash swf file can be got from one of the samples in the Samples folder. In the root of the tarball, there is actually a swf file, but this seems to be a different file than of what is in the samples - so I just stick with the one from the samples)
    Page Body
    Create a HTML region, and add the following:
        <div class="container">
           <object  id="iembedflash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240">
                <param name="movie" value="#APP_IMAGES#camcanvas.swf" />
                <param name="quality" value="high" />
              <param name="allowScriptAccess" value="always" />
                <embed  allowScriptAccess="always"  id="embedflash" src="#APP_IMAGES#camcanvas.swf" quality="high" width="320" height="240"
    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" mayscript="true"  />
        </object>
        </div>
    <p><a href="javascript:captureToCanvas()">Capture</a></p>
    <canvas style="border:1px solid yellow"  id="canvas" width="320" height="240"></canvas>That will create the webcam container, and an empty canvas element for the captured image to go into.
    Also, have a hidden unprotected page item to store the Base64 code into - I called mine P2_IMAGE_BASE64
    HTML Header and Body Attribute
    Add the Page HTML Body Attribute as:
    onload="init(320,240)"
    JavaScript
    Add the following in the Function and Global Variable Declarations for the page (mostly taken out of the samples provided)
    //Camera relations functions
    var gCtx = null;
    var gCanvas = null;
    var imageData = null;
    var ii=0;
    var jj=0;
    var c=0;
    function init(ww,hh){
         gCanvas = document.getElementById("canvas");
         var w = ww;
         var h = hh;
         gCanvas.style.width = w + "px";
         gCanvas.style.height = h + "px";
         gCanvas.width = w;
         gCanvas.height = h;
         gCtx = gCanvas.getContext("2d");
         gCtx.clearRect(0, 0, w, h);
         imageData = gCtx.getImageData( 0,0,320,240);
    function passLine(stringPixels) {
         //a = (intVal >> 24) & 0xff;
         var coll = stringPixels.split("-");
         for(var i=0;i<320;i++) {
              var intVal = parseInt(coll);
              r = (intVal >> 16) & 0xff;
              g = (intVal >> 8) & 0xff;
              b = (intVal ) & 0xff;
              imageData.data[c+0]=r;
              imageData.data[c+1]=g;
              imageData.data[c+2]=b;
              imageData.data[c+3]=255;
              c+=4;
         if(c>=320*240*4) {
              c=0;
              gCtx.putImageData(imageData, 0,0);
    function captureToCanvas() {
         flash = document.getElementById("embedflash");
         flash.ccCapture();
         var canvEle = document.getElementById('canvas');
         $s('P2_IMAGE_BASE64', canvEle.toDataURL());//Assumes hidden item name is P2_IMAGE_BASE64
         clob_Submit();//this is a part of part (AJAX submit value to a collection) two
    }In the footer region of the page (which is just a loading image to show whilst the data is being submitted to the collection [hidden by default]) :<img src="#IMAGE_PREFIX#processing3.gif" id="AjaxLoading"
    style="display:none;position:absolute;left:45%;top:45%;padding:10px;border:2px solid black;background:#FFF;" />If you give it a quick test, you should be able to see the webcam feed and capture it into the canvas element by clicking the capture link, in between the two elements - it might through a JS error since the clob_Submit() function does not exist yet.
    *Part 2. Upload the image into the Database*
    As mentioned in the overview, the main limitation is that APEX can't submit values larger than 32k, which I hope the APEX development team will be fixing this limitation in a future release, the workaround isn't really good from a maintainability perspective.
    In the sample applications, there is one that demonstrates saving values to the database that are over 32k, which uses an AJAX technique: see http://www.oracle.com/technetwork/developer-tools/apex/application-express/packaged-apps-090453.html#LARGE.
    *Required Files*
    From the sample application, there is a script you need to upload, and reference in your page. So you can either install the sample application I linked to, or grab the script from the demonstration I have provided - its called apex_save_large.js.
    *Create a New Page*
    Create a page to Post the large value to (I created mine as 1000), and create the following process, with the condition that Request = SAVE. (All this is in the sample application for saving large values).declare
         l_code clob := empty_clob;
    begin
         dbms_lob.createtemporary( l_code, false, dbms_lob.SESSION );
         for i in 1..wwv_flow.g_f01.count loop
              dbms_lob.writeappend(l_code,length(wwv_flow.g_f01(i)),wwv_flow.g_f01(i));
         end loop;
         apex_collection.create_or_truncate_collection(p_collection_name => wc_pkg_globals.g_base64_collection);
         apex_collection.add_member(p_collection_name => wc_pkg_globals.g_base64_collection,p_clob001 => l_code);
         htmldb_application.g_unrecoverable_error := TRUE;
    end;I also created a package for storing the collection name, which is referred to in the process, for the collection name:create or replace
    package
    wc_pkg_globals
    as
    g_base64_collection constant varchar2(40) := 'BASE64_IMAGE';
    end wc_pkg_globals;That is all that needs to be done for page 1000. You don't use this for anything else, *so go back to edit the camera page*.
    *Modify the Function and Global Variable Declarations* (to be able to submit large values.)
    The below again assumes the item that you want to submit has an item name of 'P2_IMAGE_BASE64', the condition of the process on the POST page is request = SAVE, and the post page is page 1000. This has been taken srtaight from the sample application for saving large values.//32K Limit workaround functions
    function clob_Submit(){
              $x_Show('AjaxLoading')
              $a_PostClob('P2_IMAGE_BASE64','SAVE','1000',clob_SubmitReturn);
    function clob_SubmitReturn(){
              if(p.readyState == 4){
                             $x_Hide('AjaxLoading');
                             $x('P2_IMAGE_BASE64').value = '';
              }else{return false;}
    function doSubmit(r){
    $x('P2_IMAGE_BASE64').value = ''
         flowSelectAll();
         document.wwv_flow.p_request.value = r;
         document.wwv_flow.submit();
    }Also, reference the script that the above code makes use of, in the page header<script type="text/javascript" src="#WORKSPACE_IMAGES#apex_save_large.js"></script>Assuming the script is located in workspace images, and not associated to a specific app. Other wise reference #APP_IMAGES#
    *Set up the table to store the images*CREATE TABLE "WC_SNAPSHOT"
    "WC_SNAPSHOT_ID" NUMBER NOT NULL ENABLE,
    "BINARY" BLOB,
    CONSTRAINT "WC_SNAPSHOT_PK" PRIMARY KEY ("WC_SNAPSHOT_ID")
    create sequence seq_wc_snapshot start with 1 increment by 1;
    CREATE OR REPLACE TRIGGER "BI_WC_SNAPSHOT" BEFORE
    INSERT ON WC_SNAPSHOT FOR EACH ROW BEGIN
    SELECT seq_wc_snapshot.nextval INTO :NEW.wc_snapshot_id FROM dual;
    END;
    Then finally, create a page process to save the image:declare
    v_image_input CLOB;
    v_image_output BLOB;
    v_buffer NUMBER := 64;
    v_start_index NUMBER := 1;
    v_raw_temp raw(64);
    begin
    --discard the bit of the string we dont need
    select substr(clob001, instr(clob001, ',')+1, length(clob001)) into v_image_input
    from apex_collections
    where collection_name = wc_pkg_globals.g_base64_collection;
    dbms_lob.createtemporary(v_image_output, true);
    for i in 1..ceil(dbms_lob.getlength(v_image_input)/v_buffer) loop
    v_raw_temp := utl_encode.base64_decode(utl_raw.cast_to_raw(dbms_lob.substr(v_image_input, v_buffer, v_start_index)));
    dbms_lob.writeappend(v_image_output, utl_raw.length(v_raw_temp),v_raw_temp);
    v_start_index := v_start_index + v_buffer;
    end loop;
    insert into WC_SNAPSHOT (binary) values (v_image_output); commit;
    end;Create a save button - add some sort of validation to make sure the hidden item has a value (i.e. image has been captured). Make the above conditional for request = button name so it only runs when you click Save (you probably want to disable this button until the data has been completely submitted to the collection - I haven't done this in the demonstration).
    Voila, you should have now be able to capture the image from a webcam. Take a look at the samples from the CamCanvas API for extra effects if you wanted to do something special.
    And of course, all the above assumed you want a resolution of 320 x 240 for the image.
    Disclaimer: At time of writing, this worked with a logitech something or rather webcam, and is completely untested on IE.
    Check out a demo: http://apex.oracle.com/pls/apex/f?p=trents_demos:webcam_i (my image is a bit blocky, but i think its just my webcam. I've seen others that are much more crisp using this) Also, just be sure to wait for the progress bar to dissappear before clicking Save.
    Feedback welcomed.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

    Hmm, maybe for some reason you aren't getting the base64 version of the saved image? Is the collection getting the full base64 string? Seems like its not getting any if its no data found.
    The javascript console is your friend.
    Also, in the example i used an extra page, from what one of the examples on apex packages apps had. But since then, I found this post by Carl: http://carlback.blogspot.com/2008/04/new-stuff-4-over-head-with-clob.html - I would use this technique for submitting the clob, over what I have done - as its less hacky. Just sayin.

  • (EPG Install) Error while loading image

    Hi,
    I am facing "ORA-22288: file or LOB operation FILEOPEN failed" error while running apex_epg_config step. But all the steps before that (i.e. APEX Install [@apexins users users temp /i/] and change admin password) went all fine.
    I am trying to install APEX 4.1 on "Oracle Database 11g Enterprise Edition Release 11.2.0.2.0 - 64bit Production".
    I went through [url https://forums.oracle.com/forums/thread.jspa?messageID=9673913]this thread. But I am not passing /apex directory (apex directory is under "C:/Ash/Technical/Database/Oracle/apex4.1") , here is the outcome:
    C:\Ash\Technical\Database\Oracle\apex4.1\apex>
    11:33:41 [email protected]> @apex_epg_config.sql C:/Ash/Technical/Database/Oracle/apex4.1
    PL/SQL procedure successfully completed.
    Elapsed: 00:00:00.21
    PL/SQL procedure successfully completed.
    Elapsed: 00:00:00.03
    Directory created.
    Elapsed: 00:00:00.03
    declare
    ERROR at line 1:
    ORA-22288: file or LOB operation FILEOPEN failed
    No such file or directory
    ORA-06512: at "SYS.XMLTYPE", line 296
    ORA-06512: at line 18
    Elapsed: 00:00:00.04
    Commit complete.
    Elapsed: 00:00:00.00
    PL/SQL procedure successfully completed.
    Elapsed: 00:00:01.14
    declare
    ERROR at line 1:
    ORA-31001: Invalid resource handle or path name "/images"
    ORA-06512: at "XDB.DBMS_XDB", line 473
    ORA-06512: at line 37
    Elapsed: 00:00:00.17
    timing for: Load Images
    Elapsed: 00:00:01.42
    Session altered.
    Elapsed: 00:00:00.00
    PL/SQL procedure successfully completed.
    Elapsed: 00:00:00.48
    Commit complete.
    Elapsed: 00:00:00.01
    Session altered.
    Elapsed: 00:00:00.01
    Directory dropped.
    Elapsed: 00:00:00.07I am installing from my windows XP, but the db server is on Linux.
    Error above (line 18) is actually on this line of "apex_epg_config_core.sql" (my db charset is UTF8)
    filelist_xml xmltype := xmltype(bfilename(upload_directory_name,file_list),nls_charset_id('AL32UTF8'));
    The error clearly suggest that the there is an issue with access my directory or file in that directory.
    And I believe the 2nd error "ORA-31001: Invalid resource handle or path name "/images"", will go itself once the first one is resolved.
    I went through the documentation and other forum threads, but I am stuck with this EPG install, it may be very silly thing that I may be missing, but any help in this matter would be highly appreciated.
    Thanks,
    Ash
    Edited by: ash0602 on Sep 5, 2011 5:19 PM

    Thanks Andy and Kiran for taking time to respond.
    Andy, "@apex_epg_config.sql C:/Ash/Technical/Database/Oracle/" will not solve the problem, neither changing directory's name from apex4.1 to apex_4.1_en, as my directory structure till images is: "C:\Ash\Technical\Database\Oracle\apex4.1\apex\images".
    Kiran, sorry but I do not understand the difference between what I have written what you mentioned above.
    Though I understood the issue, when you see the apex underlying code (apex_epg_config_core.sql) it is actually creating a directory object ('APEX_IMAGES') in the database. While I was trying to refer the directory on my local windows PC ('C:\Ash\Technical\Database\Oracle\apex4.1\apex\images'). I then logged into the LINUX server and ran the command and it all went fine, see the response below:
    SQL> @apex_epg_config /opt/oracle/product/11.2.0/db1
    PL/SQL procedure successfully completed.
    PL/SQL procedure successfully completed.
    old   1: create directory APEX_IMAGES as '&1/apex/images'
    new   1: create directory APEX_IMAGES as '/opt/oracle/product/11.2.0/db1/apex/images'
    Directory created.
    old  47:     if '&IMGUPG' != '' then
    new  47:     if '' != '' then
    old  48:         l_mv_folder := '&IMGUPG';
    new  48:         l_mv_folder := '';
    PL/SQL procedure successfully completed.
    Commit complete.
    PL/SQL procedure successfully completed.
    PL/SQL procedure successfully completed.
    timing for: Load Images
    Elapsed: 00:00:31.78
    Session altered.
    PL/SQL procedure successfully completed.
    Commit complete.
    Session altered.
    Directory dropped.Though I moved 1 step forward, but my apex login page (http://<server>:8080/apex/apex_admin => redirected to http://<server>:8080/apex/f?p=4550:10:<session>) refuse to come up as it is now showing "[url https://forums.oracle.com/forums/thread.jspa?threadID=1112378]apex is undefined" error.
    I did the installation as [@apexins users users temp /i/] mentioned in the docs, and this is first install not the upgrade.
    Any help on this ['apex' is undefined] (javascript error) would be really helpful.
    Thanks,
    Ash

  • How do you display a image in apex

    I have a trouble for a long time..
    I can't load a image in apex..
    I do a lot of things but it never give result correctly
    some could help me..
    Thank u....

    Hi,
    OK - the link I gave will explain how to upload into a table and then display images from there.
    To do this through Shared Components:
    1 - Go to Shared Components
    2 - Select Images
    3 - Click Create
    4 - In the Application option, leave it as "No Application Associated" if you want any application to use the image, or select an application if the image is for that application only
    5 - Click the Browse button, locate your image file on your machine and click Open
    6 - Any any Notes you want (this is not required)
    7 - Click Upload
    On your page, decide where you want the image to appear. This can be in a region's Source, Region Header or Region Footer OR if you want you can do this on the page template you are using. Then enter in:
    For an image NOT associated with an application:
    &lt;img src="#WORKSPACE_IMAGES#filename.gif"&gt;For an image associated with an application:
    &lt;img src="#APP_IMAGES#filename.gif"&gt;Andy

  • How to load images from BLOB to javascript?

    hi, Guys:
    I need to load thumbnail images from BLOB to multiple markers' infowindow in Google map . I have implemented Google map in APEX. I load the data suchas text for every marker's infowindow from Oracle database table with PL/JSON, and infowindow works fine. Could anyone give me a suggestion or example so I know how to load images to javascript?
    Thanks a lot.
    Database: Oracle 11g R2
    APEX: APEX 4.1
    Thanks.
    Sam

    lxiscas wrote:
    hi, VC:
    Thanks for your kind reply. I need to render these images out of APEX session, actually in javascript that is related to Google map markers' infowindow.
    I checked the documents of APEX_UTIL.GET_BLOB_FILE_SRC, but my impression is I need to use it in APEX instead of javascript if my understanding is correct. I already implemented a procedure with PL/SQL to load images from a BLOB column in Oracle database. But the problem is, how can I pass it to javascript code out of APEX to javascript (I could pass text or number from APEX to javascript with PL/JSON though,But I assume that still google map will be within a valid apex session? if so you should be able to use the above api.
    Basically what this api does is generates a kind of url to each blob in the database, not sure how google api's deal with this though. Why don't you give it a try?
    The other option is to make your pl/sql procedure public and then you can generate the json to include the images urls such as:
         "employees" : [{
                   "firstName" : "John",
                   "lastName" : "Doe",
                   "imgSrc" : "http://somewhere/db_schema.your_download_proc?p_file=#ID#",
                   "firstName" : "Anna",
                   "lastName" : "Smith"
                   "imgSrc" : "http://somewhere/db_schema.your_download_proc?p_file=#ID#",
                   "firstName" : "Peter",
                   "lastName" : "Jones"
                   "imgSrc" : "http://somewhere/db_schema.your_download_proc?p_file=#ID#",
    }And then you can use this new attribute to populate the images in javascript using standard img tag
    See this tutorial http://docs.oracle.com/cd/E14373_01/appdev.32/e13363/up_dn_files.htm
    I did not find any method in PL/JSON to pass image object)? So far I only found example to load images from local files to javascript.Hmm..I don't think you should load image objects.
    Vikram

  • Prealod iFrame  - Loading image

    Hi,
    I have implemented a jQuery Modal Dialog with an iFrame page inside and I was thinking to add a "loading" functionality to this dialog using GIF image.
    My iFrame is implemented the way it is described here: {message:id=9426960} and I know that I can do this "loading thing" directly in my iFrame page this way:
    [http://ayasenchuk.blogspot.com/2010/02/apex-page-with-animated-loading-modal.html]
    But I want it do right in my dialog script, like it is done here:
    http://plugins.jquery.com/content/jquery-ui-frame-dialog-loading-pane
    or here:
    http://www.blog.highub.com/javascript/javascript-library/preload-iframe-using-javascript/
    or even here:
    http://stackoverflow.com/questions/2939314/use-jquery-with-and-iframe-progress-indicator
    Is that possible, does anyone has experienced this?
    Thanks

    Hi Vee,
    Thank you for ypur reply and posted ideas to resolve my issue.
    I really like the last option (the Plug-in) and actually before posting this thread I did contact Dna (developer of this Plug-In) to see how it is working.
    So, I did try to put it into my app where it looks like this:
    <link rel="stylesheet" href="http://tdanryan.com/demo/framedialog/assets/css/shpblack/jquery-ui-1.8.4.custom.css"
        type="text/css" media="screen" charset="utf-8" />
    <script type="text/javascript" src="http://tdanryan.com/demo/framedialog/assets/js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://tdanryan.com/demo/framedialog/assets/js/jquery-ui-1.8.4.custom.min.js"></script>
    <script type="text/javascript" src="http://tdanryan.com/demo/framedialog/assets/js/jquery-framedialog-1.1.2.js"></script>
    <style type="text/css">
    .loading-image { background: transparent url('http://tdanryan.com/demo/framedialog/assets/im/progress-indicator-alpha.gif')
    no-repeat center center; }        
    </style>
    <script type="text/javascript">
         var openNewInv = function(){
         var apexSession = $v('pInstance');
         var apexAppId = $v('pFlowId');
         var assetNumber = $v('P3_ID');
         var url = "http://son-orcl2:8080/apex/f?p="+apexAppId+":15:"+apexSession+"::NO:15:P15_ASSET_ID:"+assetNumber;
                    jQuery.FrameDialog.create({
                        url: url,
                        loadingClass: 'loading-image',
                        title: 'Create Inventory Record',
                        width: 630,
                        height: 360,
                        autoOpen: false,
                        stack: true,
                        autoResize: true,
                        draggable: true,
                        buttons: {
                            "Cancel": function(){ $(this).dialog("close"); } 
                        open: function(event, ui){
                            // to hide a button panel
                            $(".ui-dialog-buttonpane").hide();
                            // this disables resizing without the iframe resized to content size.
                            $(".ui-resizable-handle").hide();
                        close: function(event, ui){                              
                $(function(){
                    openNewInv();                           
            </script>It just gave me the errors (see below, the same as from my workspace test)
    I did try to implement this solution on apex.oracle.com so it will load yahoo.com (instead of my application page link) in my modal window as an iFrame and will show a loading image while preloading wthe iFrame web site. But id doesnt work. I did use FireBug to see what is happening and it gives me errors when page is loading:
    elem.document.body is null
                    elem.document.body[ "client" + name ] || docElemProp;                      jquery-1.5.2.js (line 8346)and
    jQuery.FrameDialog.create is not a function
                    close: function(event, ui){                                                                f?p=32...61::YES (line 49)and when I click on "Create" to open my modal popup it gives:
    jQuery.FrameDialog.create is not a function
                    close: function(event, ui){                                                               f?p=32...61::YES (line 48)Here is my workspace link and credentioal so u can see my script.
    [http://apex.oracle.com/pls/apex/f?p=32646]
    user: guest
    psw: apex_demo
    Thanks

  • If I set Firefox to refrain from loading images automatically, how can I view a single image, or a single page's images, without having to enter the site in the Exceptions list, only to go back and remove it when I'm done?

    I was hoping for a hotkey option or button on the toolbar to load images for a single page for a single session at a time. Turning off images really saves bandwidth and speeds load time on websites, but sometimes I'd like to view the images on a page, but only for this session. Is that possible, or do I have to go to the Exceptions page and allow a specific domain or page to load images and then go back and remove that domain or page when I'm done?

    *Image Block: https://addons.mozilla.org/firefox/addon/image-block/

  • Using Firefox to access facebook chat Button or online friiend chat button generates a Black screen with CANNOT LOAD IMAGES and no chat window opens.

    This does not happen in other browsers and it happens on a variety of computers I have access to and would seem to be a common problem but I can find no identical cases in my searches of
    Firefox , Facebook or windows help or Google search. My home machine is only a P2 with WINXPCORP but works fine and I have done all updates but still have this continuing problem every time I try to use Firefox
    to access Facebook chat but it does not happen with IE or chrome
    The response to clicking on chat button or friend chat is a black screen with small center square box with blue title bar that says
    '' VIEW IMAGE FULL SCREEN - (42) FACEBOOK X""
    center of box is ""! "" mark in yellow triangle and wording
    "" CANNOT LOAD IMAGES ''' OK
    clicking on OK returns to facebook page but no chat opens.
    Some times |VERY RARLEY if as the page loades you click on
    chat button with 1/2 second of it appearing chat will open.

    Hi,
    Please also see [https://support.mozilla.org/en-US/kb/Problems%20using%20Facebook%20in%20Firefox this.]

  • Why won't safari load images and connect to websites?

    We've had this problem intermittently for several months. When visiting SOME websites (though never the same ones twice) instead of loading images, it comes up with a blue question mark in a box. if we try to reload the page, it will do one of two things: it will either reload exactly the same, or, it will reload in a format that shows vertical written links - no images. it almost looks like programming language, but it's readable.
    also, when we go between links, we often get the message that "safari can't find the server". this is, again, erratic. If i try to go directly to the same website by typing in the address in the bar, i will get the connection. (so, if i go from youtube for example to try to connect to another website it won't work. but if i try to go directly to that website by just typing in the address myself, i can get it.) as i said, it doesn't always happen, but when it does it's a real pain!
    lately, i've had a new problem too, which seems to relate: when using hulu.com, it will not load the show saying it is unavailable and to clear my cache. I've done that... and it still won't reload. yet, when i go to google, and search hulu.com, and go to the website that way, i can get to the show page no problem. Or, i have to quit safari and then go back to hulu and, again, no problem.
    sometimes we can go for days without the problem, sometimes not.
    any ideas on how to help this problem would be MOST appreciated! thanks

    blue question mark in box
    Go to Safari > Preferences then select the Appearance tab. Make sure Display images when the page opens is selected.
    For server issues, try turning off the router for a few minutes, then restart it.
    Hulu requires the Flash plugin. Uninstall your current copy of Flash, then reinstall >  Troubleshoot Flash Player | Mac OS
    Try emptying the Safari cache more often.
    And reset Safari. From your Safari menu bar click Safari > Reset Safari. Select the top 5 boxes, click Reset.
    And how much free space on the startup disk?     Right or control click the MacintoshHD icon. Click Get Info. In the Get Info window you will see Capacity and Available. Make sure there's a minimum of 15% free disk space.
    Try Safari in another user account. Same problems there, then log back into your admin account, launch Disk Utility.  /Applications/Utilities
    Select the startup disk in the panel on the left then select the First Aid tab.
    Click: Verify Disk  (not Verify Disk Permissions). If the startup disk needs repairing, follow the instructions for Using Disk Utility to verify or repair disks

  • How do i load images from a folder?

    Hello everyone,
    Please can someone help me as i am stuck.
    I am trying to research loading images from a folder called /images/unknown (unknown is a customer number and is stored in a variable called customerNo).
    I feel that i will need to load the images into an array then display them to the screen with a viewer.
    Can anybody help me.
    Thanks in advance

    Welcome to the Sun forums.
    irknappers wrote:
    ...Please can someone help me as i am stuck.You might want to be more exact in future, about what you are stuck on.
    import javax.imageio.ImageIO;
    import java.io.FileFilter;
    import java.io.File;
    import javax.swing.JFileChooser;
    class LoadImages {
        public static void main(String[] args) {
            String[] suffixes = ImageIO.getReaderFileSuffixes();
            FileFilter fileFilter = new FileFilterType(suffixes);
            File directory = null;
            if (args.length==1) {
                directory = new File( args[0] );
            } else {
                JFileChooser fileChooser = new JFileChooser();
                fileChooser.setFileSelectionMode( JFileChooser.DIRECTORIES_ONLY );
                int result = fileChooser.showOpenDialog( null );
                if ( result == JFileChooser.APPROVE_OPTION ) {
                    directory = fileChooser.getSelectedFile();
                } else {
                    System.err.println("Must select a directory to proceed, exiting.");
            File[] images = directory.listFiles( fileFilter );
            for (File file : images) {
                System.out.println(file);
            System.out.println( "The rest is left an exercise for the reader.  ;-)" );
    class FileFilterType implements FileFilter {
        String[] types;
        FileFilterType(String[] types) {
            this.types = types;
        public boolean accept(File file) {
            for (String type : types) {
                if ( file.getName().toLowerCase().endsWith( type.toLowerCase() ) ) {
                    return true;
            return false;
    }

  • Loading Images into Applets

    I've been having problems loading an image into an Applet. I've found that when the getImage() call is put into the init() method it loads the image fine, also implementing an imageUpdate call. However, now I'm trying to expand on this by putting it into a button click, it hangs indefinitely while waiting for the image to load.
    Another interesting point I've noticed is that the Canvas subclass ImageSegmentSelector uses a PixelGrabber in its constructor to put the Image into a buffer - when this class is created from the imageUpdate() call, NOT the init() call, the grabPixels() call hangs indefinitely too!!
    Any feedback, please,
    Jonathan Pendrous
    import java.applet.*;
    import java.net.*;
    import jmpendrous.util.*;
    import java.awt.*;
    import java.awt.image.*;
    import java.awt.event.*;
    public class XplaneGlobalSceneryDownloader extends Applet implements ActionListener{
    ImageSegmentSelector worldMap;
    Image img;
    URL url;
    int longtitude = 36;
    int latitude = 18;
    boolean imageLoaded;
    TextField t1, t2,t3;
    Label l1,l2,l3;
    Button b1;
    Applet a1;
    public void init() {
    a1 = this;
    l1 = (Label) add(new Label("Number of horizontal sections: "));
    t1 = (TextField) add(new TextField("45",3));
    l2 = (Label) add(new Label("Number of vertical sections: "));
    t2 = (TextField) add(new TextField("45",3));
    l3 = (Label) add(new Label("URL of image file: "));
    t3 = (TextField) add(new TextField("file:///C:/java/work/xplane_project/source/world-landuse.GIF",60));
    b1 = (Button) add(new Button("Load image"));
    b1.addActionListener(this);
    validate();
    // THIS CODE WORKS FINE ...
    /*try { url = new URL("file:///C:/java/work/xplane_project/source/world-landuse.GIF"); }
    catch(MalformedURLException e) { System.exit(0);   }
    img = getImage(url);
    //int w=img.getWidth(this);
    while(imageLoaded==false) { try { Thread.sleep(1000);   } catch(InterruptedException e) {System.exit(0);    } }
    worldMap = new ImageSegmentSelector(this, img, longtitude, latitude);
    add(worldMap);
    //resize(worldMap.getWidth(), worldMap.getHeight());
    validate();*/
    //repaint();
    //worldMap = new ImageSegmentSelector(this, img, longtitude, latitude);
    //repaint();
    public void actionPerformed(ActionEvent e) {
    try { longtitude = Integer.parseInt(t1.getText()); } catch (NumberFormatException ex) {System.exit(0); }
    try { latitude = Integer.parseInt(t2.getText()); } catch (NumberFormatException e2) {System.exit(0); }
    try { url = new URL(t3.getText()); }
    catch(MalformedURLException e3) { System.exit(0);   }
    img = getImage(url);
    //int w=img.getWidth(this);
    while(imageLoaded==false)
    { try { Thread.sleep(1000);   } //KEEPS ON LOOPING
    catch(InterruptedException e4) {System.exit(0);    } }
    worldMap = new ImageSegmentSelector(a1, img, longtitude, latitude);
    add(worldMap);
    //resize(worldMap.getWidth(), worldMap.getHeight());
    validate();
    public boolean imageUpdate(Image i, int flags, int x, int y, int w, int h){
    // THIS NEVER GETS CALLED AT ALL //
    if (((flags & ImageObserver.WIDTH) != 0) && ((flags & ImageObserver.HEIGHT) != 0)) {
    //worldMap = new ImageSegmentSelector(this, i, longtitude, latitude);
    //add(worldMap);
    //validate();
    //repaint();
    imageLoaded = true;
    return false;
    return true;
    }

    Sorry, thought this had been lost.
    You can load a file if the applet itself is run from the local filesystem - it loads it fine from the init(), but not otherwise. But I haven't got the applet to run from a browser yet without crashing (it's OK in the IDE debugger), so that's the next step.

  • Need help Loading images with selection on a form field?

    So I'm kind of a newb.. I can do basic forms but I need to set up a form field drop down box that will give me the ability to load images correlating to the users choice. I'm at a total loss for where to start, so ANY help would be appreciated. If you know of any good books or tutorials on the subject please share.
    Thanks in advance
    Sincerely,
    Stumped4now 

    P.S. I think I'm getting a better understanding of OCGs after lots of research today. However I still seem to be missing something
    var docOCGs = this.getOCGs();
    for (var x=0; x < docOCGs.length; x++)
      if(docOCGs[x].name == "Layer1")
      docOCGs[x].state = !docOCGs[x].state;

  • When i use IE9, i go to my emails and any pics in the mail open with the mail but with FF i have to download them is there a way to make the pics open in the mail, i set yahoo to load images automatically in the options menu this has had no effect, thanks

    some pictures(jpeg or gif) come as part of email if i use IE9 these images open as part of the mail, but with firefox i have to download them separately and then they don't appear in email. i have been in the options menu and allowed yahoo.com to automatically load images but this has had no effect, thanks

    Sounds like you did this on the fly.
    MM is supposed to open the Marker Panel Dialogue
    M just sets a marker
    Not sure if either are intended for on the fly during playback .
    There is also a Marker Icon on the Source Window Pane  >>

  • How can I create a new keyboard shortcut to toggle load images automatically preferrably with one action?

    I switch the load images automatically selection back and forth in order to save on my 5GB monthly data plan. Is there a utility that would allow me to create a macro of multiple keystrokes to do this with one action? Something like the macro function in Excel? Or is there another way to do this more easily than going to tools, options and clicking on the box? I don't see a shortcut for this item in the standard keyboard shortcuts list

    Hi,
    You could try [https://addons.mozilla.org/en-US/firefox/addon/image-block/?src=search Image Block]. Please also go through the reviews, help and ratings. You can also try to search for similar add-ons via Firefox '''Tools''' ('''Alt''' + '''T''') > '''Add-ons''', Search box on the top right corner, or via the official [https://addons.mozilla.org/ AMO].

Maybe you are looking for

  • Satellite P500 neither booting nor installing OS

    Hello & Hearfelt Greetings to all Forum Friends, Please, could anyone kindly look into this problem for me. My laptop, a Toshiba Satellite P500 is faulty. It will boot past post and as soon as it reaches the "Windows Starting" logo splash (WIN 7), it

  • How do i install a hp laser jet 4l printer on windows7

    how do i install a hp laser jet 4l printer on windows7 Where do I get the drivers

  • Can't open file with keyboard!

    Hello, I just switched from windows and would like to open a file or application in finder just by hitting the return key. Is there any way to do this outside double clicking on the file?

  • ITunes store won't load after upgrading to iTunes 9

    Ever since I upgraded my iTunes to the new iTunes 9, I can't get iTunes store to load. I've gone through the troubleshooting, and even ran a repair iTunes and then uninstalled and re-installed the iTunes. Nothing has worked. It only loads part way wi

  • Satelite a215-s7437 only boot with external harddrive usb atached

    My laptop a215-s7437 boot but after the logo i have a black screen no mouse or anything, but If I connetc my external harddrive conected with usb It will boot and works find I have no ideia wha is wrong ???? Please help.........


HashFlare