How do I view uploaded images in a layer?

irkrexx

Hey. I use the File upload(Many) example and want to modify it so that when I click on a row below the table, the loaded images appear.
I created a layer with id="form" and an event handler:
$('#journal tbody').on( 'click', 'tr', function () {
var oData = myTable.row( this ).data();
$('#form').html(???);}

But I can't figure out which function to use to display the images. Help please...

allan

click on a row below the table

I don't quite understand that point. Could you show me an image of what you are looking for please?

Allan

irkrexx

irkrexx

Sorry for my little English

irkrexx

I figured it out a bit and used the following function to output the downloaded images:
(Perhaps there is a more elegant solution.)

$('#example tbody').on( 'click', 'tr', function () {
var oData = table.row( this ).data();
var list = document.getElementById('form');
var hList = '<img src="../..';
var fList = ' " width="189" alt=" " >';
for (var i = 0; i < oData.files.length; i++) {
list.innerHTML += hList+editor.file('files', oData.files[i].id).web_path + fList};
});