[Solved] Programmatically upload selected files (not using the Upload button)

[Danny]

Hi,

Is there a way to make the upload control to upload the selected files via javascript and not via the Upload Files button?

My upload control has the 'multiple' option set to FALSE. And I want to submit the selected files using a button I created, and not the Upload Files button that comes with the upload control.

<%= Html.Telerik().Upload()
      .Name("attachment")
      .Multiple(false)
      .Async(async => async.Save("Save", "Home"))
      .ClientEvents(e => e.OnUpload("onUpload").OnSuccess("onSuccess"))
%>

<!-- is it possible to make the upload control to upload the selected files with this button instead??? -->
<input type="button" onClick="upload();" />  



Thanks in advance,
Danny.

[T. Tsonev]

Hello Danny,

No, selecting and uploading a file through JavaScript is not possible. Actually, most browsers will allow it, but IE won't. It's a feature.

I hope this helps.

Greetings,
Tsvetomir Tsonev
the Telerik team

[Danny]

Thanks Tsvetomir!

What I'm trying to accomplish sorta is to have the Telerik Upload Control in a grid, and make it update the selected files only when the onSave is applied to the row of the grid.

The upload control with .AutoUpload(true) will upload the files as soon as they get selected from the browsing.
The upload control with .AutoUpload(false) will present an upload button in IE, and no upload button for Firefox.

Is there a way to activate the upload from the Upload Control in the respective row, when the row gets edited?



Thanks again,

Danny.

[T. Tsonev]

Hi Danny,

We don't provide a public method for initiating the upload. We'll address this in a feature release. For the moment you can use the following code:

$(".t-upload-selected", rowElement).click()

Here, rowElement is the table row that we want to search in.

Regards,
Tsvetomir Tsonev
the Telerik team

[Danny]

Works like a charm.


Thanks a lot Tsvetomir!!!


Regards,
Danny