This is a migrated thread and some comments may be shown as answers.

Removing a failed upload

9 Answers 483 Views

Upload

This is a migrated thread and some comments may be shown as answers.

ANDREW asked on 17 Sep 2012, 08:00 PM

Upload multiple files - in async mode.
A)
When an upload did not complete due to a server error, the uploaded file is being displayed in the file list with the "Retry" button.
When multiple files are uploaded, it is very easy to overlook the file that has not been uploaded yet.

is there a way to provide different styling for unfinished vs finished files?

B)
When number of files to be uploaded is limited to a predefined number MAX_FILES
(I use the following code from the forum: ($(id).parent().children('input[type=file]:not(' + id + ')').length >= MAX_FILES)
to determine the number of files in the list)

The files that are in the list but not yet uploaded get counted as well.
Is there a way to provide the user an option to remove the entry (the entry waiting for "retry") from the list?

Thanks
Andrew.

9 Answers, 1 is accepted

answered on 08 Oct 2014, 03:50 PM

capture.png

Hi, I've attached a screenshot from below URL showing the functionality I am trying to implement. Can you please let me know how this functionality is enabled with delete file icon for failed uploads?

http://www.telerik.com/kendo-ui/upload

answered on 08 Oct 2014, 09:53 PM

This hack seems to work:

var removeButtonHtml = "<button class=\"k-button k-button-bare k-upload-action\" type=\"button\"><span title=\"Remove\" class=\"k-icon k-i-close k-delete\"></span></button>";

var retryButtons = $('.k-retry').parent();

// hack: try to show "remove" buttons for failed downloads as this functionality not provided by kendo out-of-box

// if this fails, we don't want to hold up user

try{

retryButtons.each(function () {

if ($(this).parent().html().indexOf(removeButtonHtml) === -1)

{

$(removeButtonHtml).insertAfter($(this));

}

});

}

catch(e){}