Hello!
Currently, <kendo-upload> only allows to specify URLs for save and remove methods, which can be a problem sometimes. For example, when you deal with 3rd party API library where all the URLs are dynamic and encapsulated in library methods. So we cannot provide a URL to the component, but we could call the method instead to upload the file and report the progress on the files. Currently, <kendo-upload> doesn't allow that. I can intercept (upload) event and prevent default behavior, adding my own server call and custom logic, but there is no API in <kendo-upload> that will tell the component that the upload is started, or to report the upload progress on individual files, the whole component will be just unfunctional.
We were trying to replicate the auto-upload behavior using <kendo-fileselect> component, but it lacks the ability to change the dropzone hint or entire dropzone template without heavy uplifting of adding localization support to the app.
Are there any plans of adding more flexibility to <kendo-upload> and <kendo-fileselect> components?
Hi Sergei,
Thank you very much for the details provided.
Indeed, you are correct that the built-in saveUrl and removeUrl properties accept only string values, and I am afraid that there is no mechanism that would allow the developer to provide functions to them.
For more detailed information on the matter and a potential workaround, what I would suggest would be to check out the following thread in our Forum:
Essentially, the developer can dynamically update the values bound to these properties.
With that being said, our team does indeed recommend using the Kendo UI for Angular FileSelect component when greater control over the selected files is required for the implementation:
When it comes to customizing the default messages for the FileSelect, what I would suggest would be to use the built-in CustomMessagesComponent:
As for the dropzone customizations, please refer to our designated External Dropzone article:
I hope the provided information answers your questions. Please, let me know if I can further assist you with this case.
Regards,Georgi
Progress Telerik
Hi Georgi,
I recently am hitting a very similar roadblock. I ended up using file-select to do a custom PUT operation with dynamic urls that are returned from an API. The issue now is how do i get the progressBar to appear on the file-select like it does in kendo-upload?
Hi Manny,
Thank you very much for the clarifications provided.
Generally speaking, the Kendo UI for Angular FileSelect component has been designed with the idea of leaving the control in the hands of the developer to create and send the required HTTP request once a file is selected.
Having this in mind, I am afraid that there isn't a built-in feature that allows showing a ProgressBar as the upload of any file regardless of its size will be performed once it is selected.
What the developer could do is use any of the Kendo UI for Angular ProgressBar components and set the value of the ProgressBar depending on the current state of the instantiated HTTP request. The request could return a partial success reply while the file is being transferred to the server and at these moments the ProgressBar value could be updated.
I hope the provided information helps.
Regards,Georgi
Progress Telerik