Error handling for the failed files

[JoJo]

Hi Team, 

I am using Kendo UI file upload control with multiple attribute set to true.

Does File Upload control handles the failed uploads on its own ?

I am using the following code snippet on the server and i am posting data through web api.

[HttpPost]
        public Task Post()
        {
            var folderName = "Uploads";
            //var PATH = HttpContext.Current.Server.MapPath("~/" + folderName);
            var PATH = "C://Uploads/";
            var rootUrl = Request.RequestUri.AbsoluteUri.Replace(Request.RequestUri.AbsolutePath, String.Empty);
            if (Request.Content.IsMimeMultipartContent())
            {
                var streamProvider = new MultipartFormDataStreamProvider(PATH);
                var task = Request.Content.ReadAsMultipartAsync(streamProvider).ContinueWith(t =>
                {
                    if (t.IsFaulted || t.IsCanceled)
                    {
                        throw new HttpResponseException(HttpStatusCode.InternalServerError);
                    }                    
                });
                return task;
            }
            else
            {
                throw new HttpResponseException(Request.CreateResponse(HttpStatusCode.NotAcceptable, "This request is not properly formatted"));
            }
        }

 I want to capture the error information for the failed files and display that information to the user.

Kendo file upload is just returning the status as Failed for the failed uploads but how we can pass the actual error information back to the user?

Thanks

[Atanas Korchev]

Hello,

 You can try using the error event for that. The event arguments contain XMLHttpObject which you can then use to get the responseText.

Regards,
Atanas Korchev
the Telerik team

[Zachary]

I was able to make use of XMLHttpRequest with the following code:

$("#upload").kendoUpload({
    async: {
        saveUrl: "save",
        removeUrl: "remove",
        autoUpload: true
    },
    error: function (e) {
        var err = $.parseJSON(e.XMLHttpRequest.responseText);

        alert(err.Message);

        $.map(e.files, function (file) {
            alert("Could not upload " + file.name);
        });
    }
});

[Rupinder]

ResponseText is not a json here, I am struggling to use error event here

[Neli]

Hi Rupinder,

Could you please provide more details about the exacts issue? Is the e.XMLHttpRequest.responseText a string? If this is the case you may omit using the parseJSON method. 

Here is a StackOverflow thread where returning error message is discussed and you may find it helpful:

- https://stackoverflow.com/questions/21415572/kendo-upload-control-pass-custom-error-message-back-to-view

Regards,

Neli