Duplicated
Last Updated: 14 May 2022 16:48 by ADMIN
The user is allowed to select any files. Why can't we implement the same accept="image/png, image/jpeg"> so that only these files can be selected?
Completed
Last Updated: 04 May 2022 09:45 by ADMIN
Release 3.3.0

The upload status hangs on "Uploading..." if the Upload component is hosted in a Dialog and the OnSuccess event is used.

 

<AdminEdit>

As a workaround, you can host the Upload in a Window, where this issue is not present

</AdminEdit>

Unplanned
Last Updated: 27 Apr 2022 19:46 by Nicholas
Created by: Dan
Comments: 4
Category: Upload
Type: Feature Request
24
I would like to use a custom zone on my page where people can drop files. At the moment, the upload requires a click on the "upload" button.
Completed
Last Updated: 22 Feb 2022 08:33 by ADMIN
Created by: Alan
Comments: 3
Category: Upload
Type: Feature Request
19

I would like to have my users click my own button or element to trigger the file select dialog that you get from clicking the "Select Files..." button on the Upload component.

A workaround is to use a function like this

window.customUploadClick = function () {
    $('.k-upload-button input').trigger('click');
}

---

ADMIN EDIT

 

Completed with 3.0.0 release

 

If you are not using jQuery already, you don't have to add it for this, standard browser API can do this too:

 

@inject IJSRuntime _js

<script suppress-error="BL9992">
    window.customUploadClick = function () {
        document.querySelector(".k-upload-button input").click();
    }
</script>

<TelerikButton OnClick="@InvokeSelectClick">invoke click</TelerikButton>

<TelerikUpload></TelerikUpload>

@code{
    async Task InvokeSelectClick()
    {
        await _js.InvokeVoidAsync("customUploadClick");
    }
}

 

---

Unplanned
Last Updated: 30 Jan 2022 09:38 by ADMIN
Created by: Jay
Comments: 8
Category: Upload
Type: Feature Request
36
The goal is to be able to upload large files (above the server limit which is usually 20-30MB).
Completed
Last Updated: 12 Jan 2022 15:10 by ADMIN
Release 3.0.0
Created by: Alan
Comments: 1
Category: Upload
Type: Feature Request
30
If I set AutoUpload=false, I have a button that starts the upload process. I would like to be able to do that with my own button.
Completed
Last Updated: 12 Jan 2022 15:10 by ADMIN
Release 3.0.0
Created by: Emran
Comments: 0
Category: Upload
Type: Feature Request
18
I want to be able to clear all successfully uploaded files in the success event, like in Kendo jQuery: https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/methods/clearallfiles
Unplanned
Last Updated: 07 Jan 2022 12:01 by ADMIN
Created by: Bernard
Comments: 1
Category: Upload
Type: Feature Request
2
Please implement an Id attribute for the Upload component. This will allows us to associate <label> tags to it and pass accessibility checks.
Completed
Last Updated: 09 Dec 2021 18:06 by Samuel
Release 2.28.0
If a request fails once, the upload will give you a Retry button. This button does not fire OnUpload again, so the request no longer has the custom logic (such as bearer tokens).
Unplanned
Last Updated: 09 Nov 2021 10:17 by ADMIN
I would like to upload multiple files with the same POST request
Unplanned
Last Updated: 29 Sep 2021 08:40 by ADMIN
Created by: Mitch
Comments: 0
Category: Upload
Type: Feature Request
0
Please consider a timeout setting for the Upload requests, similar to the XmlHttpRequest timeout.
Unplanned
Last Updated: 22 Jun 2021 05:50 by ADMIN
Created by: Bob
Comments: 1
Category: Upload
Type: Feature Request
1
Unplanned
Last Updated: 01 May 2021 10:04 by ADMIN
Created by: Timothy J
Comments: 0
Category: Upload
Type: Feature Request
2

I am trying to upload files to an URL that is not in my control and it requires the PUT HTTP method. The Telerik Blazor Upload always uses a POST.

I imagine API like this would be nice:

 

        <TelerikUpload SaveUrl="@SaveUrl" SaveMethod="PUT">

        </TelerikUpload>

 

---

ADMIN EDIT

In the meantime, there are two possible solutions:

  • Upload the file to your own server that can accept POST and use that server to upload to the third party. This can help hide URLs and security from your end users as well.
  • Implement a FileSelect type of component to get the file in code and upload it with your own HTTP request from C#.

---

Unplanned
Last Updated: 27 Apr 2021 17:32 by ADMIN
Created by: Matthew
Comments: 0
Category: Upload
Type: Feature Request
8
In the Blazor upload control, is there a way to upload directories?

 

In MVC, its just

.Directory(true)

.DirectoryDrop(true)
Unplanned
Last Updated: 10 Mar 2021 08:36 by ADMIN


<TelerikUpload SaveUrl="@SaveUrl"
                               RemoveUrl="@RemoveUrl"
                               AllowedExtensions="@( new List<string>() { ".pdf", ".docx" } )"
                               OnSelect="@OnSelectHandler"
                               OnCancel="@OnCancelHandler"
                               OnRemove="@OnRemoveHandler">
                </TelerikUpload>

When the AllowedExtensions is set for the Telerik Upload control, it is expected that the File selection dialog box should filter the files by the file types in the Allowed extensions only. However, the dialog shows all files.

------

ADMIN EDIT

This will likely be exposed via the accept attribute the <input type=file> exposes. Note that it requires MIME types, not extensions.

At the moment, the extension can be filtered only after the file is selected: https://docs.telerik.com/blazor-ui/components/upload/validation.

-----

Unplanned
Last Updated: 10 Mar 2021 08:24 by ADMIN
Created by: Alan
Comments: 2
Category: Upload
Type: Feature Request
38

I would like to have the upload component but change the text on the button (or maybe its entire content through a render fragment template) through a Parameter on the component level.

At the moment I can only do this through localization for all components.

Unplanned
Last Updated: 01 Feb 2021 08:37 by ADMIN

Is it possible to programmatically perform actions on the uploader, such as to remove files, rather than having to click on the remove button on each uploaded file?

---

ADMIN EDIT

Might be related to the ability to have initial files shown in the list: https://feedback.telerik.com/blazor/1485660-initial-files-in-blazor-upload.

At the moment, you could try using JS Interop to loop over the list, determine which file you want to remove and .click() its remove button. Here is a basic example of getting the buttons to click the second one. You could traverse the DOM to get the file name, or you could keep a collection of the files to use indexes in a fashion similar to this example.

@inject IJSRuntime _js

@* move this script to a correct location it's here as ahack to make the snippet shorter and easy to copy  *@
<script suppress-error="BL9992">
    function removeSecondFile(){
        var deleteButtons = document.querySelectorAll("li.k-file button span.k-delete");
        if(deleteButtons && deleteButtons.length > 1){
            deleteButtons[1].click();
        }
    }
</script>

<TelerikUpload AutoUpload="false" SaveUrl="my-endpoint"></TelerikUpload>
<TelerikButton OnClick="@RemoveSecondFile">Remove second file</TelerikButton>

@code{
    async Task RemoveSecondFile()
    {
        await _js.InvokeVoidAsync("removeSecondFile");
    }
}

---

Duplicated
Last Updated: 09 Nov 2020 12:44 by ADMIN
Created by: Tyler
Comments: 1
Category: Upload
Type: Feature Request
1

Right now we are hiding it based on styling. 

    .k-file-success{
    
    display:none !important;
    }
    
    
Would be nice to have a property to hide it.

We do this to provide a customized display of files uploaded.
Unplanned
Last Updated: 22 Sep 2020 04:45 by ADMIN
Created by: Emran
Comments: 0
Category: Upload
Type: Feature Request
13
Like in the Kendo Upload https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/configuration/files - I want to show some files initially to my user
Unplanned
Last Updated: 21 May 2020 16:58 by ADMIN
Created by: Ryan
Comments: 0
Category: Upload
Type: Feature Request
4
I want a single button that will call the RemoveUrl for all uploaded files. At the moment, there is a separate button for each file only.
1 2