Bug report

The complete event is triggered after each file upload if chunkSize is set.

Reproduction of the problem

1. Open this Dojo example.
2. Select at least two files to be uploaded.

Current behavior

The complete event is triggered for each file after the uploading is done.

Expected/desired behavior

The complete event should trigger only once when the upload process for all files is completed.

Workaround in this Dojo example

Environment

• Kendo UI version: 2020.1.114
• Browser: [all]

Implement functionality that enables the dynamic change of the chunk size when uploading a file.

This change should depend on file size and upload speed. 

Reproduction of the Problem:

Dojo: http://dojo.telerik.com/@grabbi/ayiQOGoT

• Select multiple files in Upload-Widget with not allowed extensions or filesize greater then allowed
• Remove one File from the list (not the last one)
• Then the upload of the next file starts

This behaivior only occures when Chunk Upload is selected and some kind of validation is activated too.

Expected behaivior:

When Removing a file the file is just removed from the list and no upload ist starting.

Code:

 

<input name="file" id="file" type="file" />

<script>

    $(document).ready(function () {

        $("#file").kendoUpload({
            async: {
                withCredentials: false,
                saveUrl: "save",
                chunkSize: 2000000,
                saveField: "files",
                autoUpload: false
            },
            validation: {
                maxFileSize: 500
            }
        });
    });

</script>

There should be a render function of some sort that can be called that changes how the Uploads are displayed.
In the attached image, I uploaded a single file, then two additional files.
Rather than having a set of one and a set of two, I'd prefer to have either a set of three, or three sets of 1. 

 

I understand that the plugin creates an input element for each individual uploading, however, I think there would be value in being able to join or split those files into multiple elements. It may even be beneficial to add and utilize a FileList object in the Kendo Upload object, as this would allow for the uploads to be sorted alphabetically, or by type, and so on. 

 

To recreate the behavior mentioned, simply upload any number of files to an Upload control and then do that one more time. The behavior can be recreated on the Telerik website demos.

If I read https://docs.telerik.com/kendo-ui/AngularJS/introduction I find “Setting Handlers through k-on Attribute” which suggests that I should be able to write `k-on-` prior to any of the events documented at https://docs.telerik.com/kendo-ui/api/javascript/ui/upload#events and automatically run under `$apply()` or `$applyAsync()`. However, when I try that, my event handler doesn’t even run at all.

I think this is an oversight.

I can reproduce this in https://dojo.telerik.com/ocESevUS which is generated from the link at https://demos.telerik.com/kendo-ui/upload/angular which uses AngularJS v1.7.2 and Kendo UI v2018.3.1017.

Hello,

I came across an issue in Kendo Upload UI for Vue. The tooltip is not getting changed on file drag. I could reproduce the same in the official kendo website.

Please find the screenshot below

Would you consider adding a property for "FileSource" to the Files option of the upload widget?  Then i could set the base 64 string (since the images are stored in the database).  This would make it so much easier to display an image preview for these files.  Right now I have to do a hack because this is not supported (see ticketID: 1348670).  Please consider adding this property for the next version - thank you!

Here is what the code would look like with the new property available: 

                    .Files(files =>
                    {
                        foreach (var file in Model.Attachments)
                        {
                            files.Add().Name(file.FileName).Extension(file.Extension).Size(file.Size).FileSource(file.Base64Src);
                        }
                    }

Hi Team, I suggest the feature which can be copy and paste image while upload images. 
For fashion industry, we handle many images of clothes and we need to upload image to legacy system. 
However, we don't upload images by drag drop of them. We add the arrows, shapes and some texts about the image on the Excel
As of now, we capture all of them and put the image editing tool and then save and upload. so, if there's new feature which can be paste from clipboard, it'll be save much time for many person. 

Example of free component that already do this: 
https://pqina.nl/filepond/#examples

It would be very helpful if you could standardize the button configuration across all widgets to have the same styling and usage properties. Specifically, the KendoUploader button does not have the configuration options for spriteCssClass, icon, or imageUrl. It is possible to add a background icon via css, but in some cases a texture or other background icon may be used across the entire button, making it very difficult to apply a icon as a background to the button also.

Telerik Upload is lacking image preview and scaling options. Please add support to show a thumbnail of images before uploading and also the ability to resize images on the client. This is really important when you have people wanting to upload photos and they select big files when you only need a small image. Images can be scaled server side but much faster upload and more convenient client side.

Examples of free components that already do this:
https://www.plupload.com/
https://nodeca.github.io/pica/demo/

Put a KENDO Upload for JQUERY sample folder because not exits into the zip of current comercial version and internal version than KENDO Upload MVC it exist.. The idea is explain how to implement a web api across kendo upload/ saveurl /save ???

When uploading a file the option "allowedExtensions" cares about the case sensitivity and blocks f.e. a file called "image.PNG" when allowedExtension is set to "png" (lower cased). 

Expected: Case sensitivity will be ignored or could be activated/deactivated by another option.

Filter just certain types of files by extension (.csv, .doc, .jpg, etc.).

I would like to have Kendo upload widget in a popup window to track the upload progress, while user navigate through different child pages in asp.net master page application. 
Larger file upload will take time and it will be very useful to have such a capability progress through the upload while user able to perform other things.

If we have a upload control with simple validation on allowed extensions and upload 50 files, the "k-upload-status" element prematurely gets set to "Done" once it finds a file type that is not allowed.  If a user is not paying attention they could think that the upload is complete.  It seems silly to mark an entire queue of files as "Done" after the first failure while uploading multiple items and while items are still uploading.  While the upload may technically be "done" it really failed and should say "Partially done" or some other message than "Done".

Also, placing an exclamation icon next to done is not very clear when an file does legitimately fail.  The icon needs to be more prevalent and have a tooltip to describe it further.  Most of my users in production have not noticed the icon and have thought that the upload completed.  This is especially a problem if a user is uploading thousands of files and does not scroll down during/after upload.

It would help a lot if we could prepopulate the kendoUpload field file list also in synchronous mode.

KendoUI Upload Widget: 
- It would be great if it would be possible to defined a maxfileSize for specific file types and not only 1 maxFileSize for all file types. F.e.:
.jpg -> 500KB
.png -> 700KB
...

- In the SELECT event it should be possible to remove files from the file list (f.e. after doing programmatic validation to find files that should not uploaded: files.remove(id); So they are not displayed in progess/status window and will not be uploaded at all.

because .k-file.k-file-success <li> removal is deffered and so is still present on success event.

There seem to be only 3 MVVM bindings supported for the upload tool right now:  enabled, visible, and events.  If you are using Kendo templates to host this tool, this is kind of a deal breaker if you need to bind any data to the upload tool, e.g. files.  Please add files at a minimum.

I suggest you to enable Image Insertion to the Suggestion description!