[Solved] Populating an input based on upload controls

[Werner]

Hello,

I have a page that has an input (with id Title) and two upload controls.  The reason two exists is because I need to differentiate between an original and modified document.  A single upload control doesn't allow this differentiation.  Multiple uploads per upload control is not allowed.

I have a requirement to populate the title input field with the file names of the upload controls.  To achieve that, each control looks as follows (replace Orignal with Modified for the other control):

<%= Html.Telerik().Upload()
        .Name("OriginalDocument")
        .ShowFileList(true)
        .Multiple(false)
        .Async(async => async
            .Save("SaveOriginal", "Comparisons")
            .Remove("RemoveOriginal", "Comparisons")
            .AutoUpload(true)
        )
        .ClientEvents(events => events
            .OnError("onUploadError")
            .OnSuccess("onUploadSuccess")
        )

%>

The upload success looks as follows:

function onUploadSuccess(e) {
    var originalUpload = $("#OriginalDocument").data("tUpload");
    var modifiedUpload = $("#ModifiedDocument").data("tUpload");
    // What do I do here??
}

How can I extract the file names from originalUpload and modifiedUpload? 

Thanks,
Werner

[T. Tsonev]

Hello Werner,

The OnSuccess event arguments contain a list of the uploaded files. The name can be extracted from there:

function onOriginalUploadSuccess(e) {
    var originalFile = e.files[0].name;
    // ...
}

I hope this helps.

Regards,
Tsvetomir Tsonev
the Telerik team