Describe the bug

The upload button is not clickable on Mac in Safari

Workaround - http://dojo.telerik.com/egUMImEp/3

To reproduce
Steps to reproduce the behavior:

1. Open this Dojo example on Mac in Safari - https://dojo.telerik.com/iRiVEYUS
2. Select a file
3. Try to click the Upload button

Expected behavior

The upload button should be clickable

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• Safari

Build system information (please remove the unneeded items)

• OS: Mac

Bug report

Scenario 1: When you first select an invalid file and then a valid one, the upload button appears but does nothing.

Scenario 2: When you select a valid file and then an invalid one, if you hit the upload button, the widget will try to upload the invalid one and produce a server error.

Reproduction of the problem

Scenario 1

1. Open this demo - https://demos.telerik.com/kendo-ui/upload/index
2. Select a .PNG or another invalid file.
3. Select a PDF ( or another valid file)

Scenario 2

1. Open this Demo - https://demos.telerik.com/kendo-ui/upload/index
2. Select a PDF ( or another valid file)
3. Select a PNG ( or another invalid file)
4. Press Upload button

Current behavior

Scenario 1
The Button appears but does nothing

Scenario 2
The widget attempts to Upload the invalid file and produces an error

Expected/desired behavior

Upload of invalid files shouldn't occur and no errors should be thrown;
A non-responding Upload button shouldn't appear.

Environment

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

Currently, the DropZone is always rendered around the Telerik UI Upload widget and there is no built-in option that can be used in order to not render the DropZone. 

In order to hide the DropZone, the following is required:

<style>
     #wrapper {
       display: inline-block;
     }

     .k-upload {
       border-width: 0;
     }

     .k-upload .k-dropzone {
       padding: 0;
     }

     .k-upload-status-total {
       display: none;
     }
   </style>
<script>
    $(document).ready(function() {
      //Removing the "Drop files here message"
      $("#files").closest(".k-upload").find(".k-dropzone em").remove();
    });
  </script>

However, if Boostrap is used, additional steps are needed - all the necessary classes should be returned accordingly:

<script>
  $("#files").ready(function(){
       $("#files").closest(".k-dropzone").removeClass("k-dropzone").addClass("form-control").addClass("col-md-3");
   });
</script>

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

Hi Team,

I would like to request a built-in event which would fire when any validation fails within the Kendo UI Upload.  

Thank you!

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.

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

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.

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);
                        }
                    }

I see in the forums you do not support what i need - but we really need it and will have to use a different control without it.  We need the ability to have the upload control, look, feel and act like it does in "Async Mode".  But when in this mode we need it to only upload 1 or two individual files at a time.  The issue is not bandwidth it is processing power.  So the "batch" trick doesn't work - we don't need all the files at once.  We need one file at-a-time, with the easy of letting the user pick a bunch and see them all listed out.  Something like

Async{  throttleLimit: 2}  - Where throttle limit simply keeps the number of pending uploads to 2 and waits until they succceed/fail to start uploading the next and so on.

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.

Hi Team, 

I would like to request the functionality to remove the Drag and Drop upload configuration using the built-in API of the Kendo UI Upload. 

Thank you!

Hello,

It appears that the Upload control is not including the header: X-Requested-With when using it in Async mode. Omitting this header is a departure from the way the other controls behave in asnyc mode. It's inconsistent and leads developers to not be able to rely on features/behaviors of the supplied the controls.

Please consider adding this header as it will bring this control functionally in-line with the behavior of other controls running in async mode.

Thanks,

Mike

With the upload contronl when I select many items at one time it create un bunch of files can be upload in same batch. But when I select many files in different selection the control create bunch for every selection. For validation purpose I need to get all files in a single upload, but I cant control how the user select his files.

Actual                                                                           Expected

Bug report

The getFiles method does not return correct results when used in the success event. If you upload a file, the method in the success event will return an array with one item. If you remove a file, the same would return again an array with one item.

Reproduction of the problem

1. Open this Dojo example.
2. Upload a file and open the console.
3. Remove the file.

Current behavior

GetFiles returns an array with one item after removing the file from the list.

Expected/desired behavior

The method should return an empty array.

Environment

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

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/

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]