Retrieve uploaded files

[David]

Hi guys,

I've a problem with RadAsyncUpload control:
I've a project with disabled viewstate, and every single action is performed using pagemethods, now the problem is that when the user upload a file the OnFileUploaded event is not firing, and I don't know how to retrieve the uploaded files in a next step, since I'm using just pagemethods and don't have a reference to the RadAsyncUpload instance 

Is there some way to retrieve the uploaded file in the moment in that are sent or also in a next step using a pagemethod?

Sorry for my very poor english

[Hristo Valyavicharski]

Hello David,

Thank you for contacting Telerik support.

The OnFileUploaded event should be fired only if postback is caused, even if ViewState is disabled. Other option to upload file is to use Custom Http Handler to upload files instead using OnFileUploaded event.

Sample here:
https://github.com/hvalyavicharski/telerik-radcontrols/tree/master/RadAsyncUpload/RadAsyncUpload_CustomHandler

Online demo:
http://demos.telerik.com/aspnet-ajax/asyncupload/examples/imageuploader/defaultcs.aspx

Regards,
Hristo Valyavicharski
Telerik

[David]

wow, very helpfull, I didn't know this possibility, however there is again a problem, how can I retrieve in a next step, using a web method, the uploaded image? 
I can save the name of the image on the db or in a hidden field, but isn't there a solution more "clean" already available by Telerik?

[Hristo Valyavicharski]

You can create and return custom result back to the client after the file is uploaded through the handler:

using System;
using Telerik.Web.UI;

// The result object is returned from the handler to the page.
// You can include custom fields in the result by extending the AsyncUploadResult class.
// In this case we return the ID of the image record.
public class SampleAsyncUploadResult : AsyncUploadResult
{
    private int imageID;

    public int ImageID
    {
        get { return imageID; }
        set { imageID = value; }
    }
}

window.fileUploaded = function (sender, args) {
       var id = args.get_fileInfo().ImageID;

       $(".imageContainer")
           .html("")
           .append($("<img />")
           .attr("src", getImageUrl(id)));

       $(".info").html(String.format("<strong>{0}</strong> successfully inserted.<p>Record ID - {1}</p>", args.get_fileName(), id));

   };

Browse the source of this demo: AsyncUpload - Custom Http Handler

Regards,
Hristo Valyavicharski
Telerik