Register File Selection to a Image

[Jonathan]

Hi

I am attempting to register the RadUpload control to an image button event.

Currently, I have the image button in place and I have created a separate page with the RadUpload control registered and I will be using an iframe to render in the background without being shown to the user.

I want the image button to open the actual file selection (browse button) from the image press, allow the user to select a file and pass this back to the originating page.

Is there a JavaScript method I can access that will allow me to do this?

Currently I have (Ignore the implicit drill down to the control, I am going to create a loop to find the "ruButton ruBrowse" class) :
$find('cRadUpload').get_element().getElementsByTagName('ul')[0].getElementsByTagName('li')[0].getElementsByTagName('input')[0].click();

But the image button does nothing when clicked...

Regards,
Jonathan

[Cori]

Hello Jonathan,

I tried this and it works:

// get RadUpload control
var fileUpload = $find("<%=RadUpload1.ClientID %>");
// ger file inputs
var inputs = fileUpload.getFileInputs();
// click first file input
inputs[0].click();

I hope that helps.

[Jonathan]

Hi,

I am getting an Access is Denied error when trying to submit the form to the server:

function Update()
{
     window.parent.Update(document.getElementById('upload2').value, _labelId);
     //Access is Denied error occurs on the below line
     document.getElementById('PostBackButton').click();
}

[Dimitar Terziev]

Hello Jonathan,

In general what you are trying to achieve is not allowed except in some versions of IE. Probably what's Cori could achieve it , but this is not supported in other browsers like Mozilla and etc. Also this is not very safe from security side to be able to open the browse for file window through javascript.
There is no workaround for this scenario, that we could provide.


Greetings,
Dimitar Terziev
the Telerik team