[Solved] Save event and new {} parameter

[Louis]

Hello,

I upload a file and after the call to the server, I have a small JavaScript that update Model.ImageName on client side.

But when I Upload again,  Model.Image always keep the fisrt value (in .Save... new...). 

I change the new with this new { strImageName = Model.ImageName, test = System.DateTime.Now } to see if the time change but it's keep the first value when I upload for the first time.  Any idea will be VERY APPRECIATE.

@(Html.Telerik().Upload().Name("attachments").Multiple(false).ShowFileList(false)
            .Async(async => async
                .Save("Save", "Description", new { strImageName = Model.ImageName })
            .AutoUpload(true))
            .ClientEvents(events => events.OnSuccess("onSuccess")  .OnUpload("onUpload"))
            )

[T. Tsonev]

Hello Louis,

You need to set the image name on the client, using the upload event. Please consult the Sending and receiving metadata help article for detailed instructions.

I hope this helps.

Kind regards,
Tsvetomir Tsonev
the Telerik team

[Louis]

Hello Tsvetomir,

In fact, I alread use Upload event and I update my Model.ImageName  But it'seem  the new { strImageName = Model.ImageName }) is not udpated because it's an Ajax part I think.

Any suggestion?

[T. Tsonev]

Hello Louis,

The route parameters set in the Save action configuration are used to build a URL like /Save&strImageName=image. It remains static from then on.

The upload event can be used to add route parameters dynamically, as part of the POST request to the Save action:

function onUpload(e) {
    e.data = { strImageName: newImageName };
}

If you're using the upload event you can skip the static configuration altogether:

.Save("Save", "Description")

I hope this helps.

Greetings,
Tsvetomir Tsonev
the Telerik team

[Louis]

Dearest Tsvetomir,

BIG THANK YOU to YOU,  It's work like a charm!!!

function onUpload(e) {
    // Array with information about the uploaded files
    var files = e.files;

    // Check the extension of each file and abort the upload if it is not .jpg
    $.each(files, function () {
        if (this.extension.toLowerCase() != ".jpg" && this.extension.toLowerCase() != ".png" && this.extension.toLowerCase() && ".jpeg" && this.extension.toLowerCase() != ".gif") {
            alert("Tsssssssssssssssssssssssss")
            e.preventDefault();
            return false;
        }
    });
    e.data = { strImageName: document.getElementById('tblDescription_GeneralImage').value };
}

Have a NICE week-end!!