We have created a KB article where a possible approach to achieve image resizing before the upload is suggested. You can find it at https://www.telerik.com/support/kb/aspnet-ajax/upload-(async)/details/resize-images-client-side-with-html5-before-uploading-with-radasyncupload The article describes a straightforward way on how to change the uploaded image dimensions. You can further improve and modify the logic in the _uploadFile function to allow the user to define the new dimensions or use a tool to allow the users to modify the image.
When upload larger files the connection may dropped during the file uploading. In result of this the selected file will not be uploaded successfully and the user will have to start the uploading from the beginning. This operation can be very annoyng when connection is slow. The suggested features aims to allow resuming, when the failed file is selected again. The uploading should continue automatically from there it stopped.
We would like to upload a folder's structure and content via asyncupload drag and drop functionality. This functionality exists with Chrome and FireFox now. Please add. Thanks.
Currently the AsyncUpload saves the chunks in the Temporary folder using the original name of the file, the Process method of the Custom handler. When the Temporary folder name is very long, it can hit the Windows path length limitation of 260 symbols.
I am using the RadAsyncUpload with UploadedFilesRendering="BelowFileInput". This works fine, but I would like the list to appear in the order they are selected not the reverse order. Is there away to accomplish this? It should look like the UploadedFilesRendering="AboveFileInput" list but appearing below. This should be a feature of the control which currently limited to above in the order they are select or below the reverse order. In either case you should be able to select the order the files are displayed in the UI.
RadAsyncUpload does not upload files in iOS 8 Safari. After selecting a file/files for upload, their upload remains as pending and never reaches the end of the process. Note: there is a known iOS 8 Safari issue with <input type="file" />
RadAsyncUpload "Drop Files here" element remains visible when dragging a file quickly over and out of the DragZone
Replicable in File Upload with Drag and Drop live demo.
Drag a file quickly through the DragZone without dropping it. The "Drop Files Here" element is shown but doesn't get hidden when the mouse leaves the DragZone (ondragleave).
I would be nice to gain more control over radasyncupload's upload behavior when using database as storage for uploaded files. Consider this use case. You have file management web-app that uses SQL database as storage for uploaded files. In SQL database you use Filestream enabled table to store the uploaded file data. You like to allow your app users to upload multiple big files > 100 Mt at once. And you have limited disc space on your web server hosting your app. So you don't want to buffer those uploaded files on your web server in any point of the upload process. To be able to do so radasyncupload needs to be able to stream uploaded files to the SQL database as straight as possible. Chunk by chunk. radasyncupload already has feature that allows you to use your own generic handler to handle some of the upload process. It just needs expose some of those events that happens before process-event (maybe ProcessRequest?). So developer can start handling the HttpPostedFile's InputStream at the begining of the upload and stream it directly to the database. Like one can do with the regular upload controls like so: Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest Dim hpf As HttpPostedFile For i = 0 To context.Request.Files.Count - 1 hpf = context.Request.Files.Item(i) ... Using Command As SqlCommand = New SqlCommand(String.Concat("INSERT INTO Dokuments(DokumData...) values (@DokumData...)"), connection) 'Other params Command.Parameters.Add("@DokumData", SqlDbType.Binary, -1).Value = hpf.InputStream connection.Open() Command.ExecuteScalar() connection.Close() Next End Sub
Workaround: function encodeRowContent() { var asyncUpload = $find('<%= RadAsync_FileUpload.ClientID%>'); var $ = $telerik.$; asyncUpload._updateRowContent = function (row, inputValue) { var $progress, $content = $("<span class='ruUploadProgress'>" + $telerik.htmlEncode(this._getFileName(inputValue)) + "</span>"); $(row).removeClass("ruSelectWrap") .addClass("ruFileLI ruUploading") .prepend("<span class='radIcon'></span>"); if (this._isManualUpload()) $content.addClass("ruUploadOnHold"); if (this._enableInlineProgress) { $progress = $('<span class="ruFileProgressWrap"><span class="ruFileProgress"></span></span>'); $content.append($progress); } $('.ruFakeInput, .ruBrowse', row).remove(); $(".ruFileWrap", row).append($content); // Replace fake input } } Sys.Application.add_load(encodeRowContent);
Recently, Chrome version has been updated our all the user’s system as 117.xxx.xxx.
After updating the Chrome version and RadAsyncUpload is not working and getting the below error message. So, user unable to perform any upload action on this.
This is control using in production live application and it affecting our day-to day business.
Please provide your solution as soon as possible.
Error – Message :
Uncaught Error while uploading, <div></div><pre>{"fileInfo":{"FileName":"README.md","ContentType":null,"ContentLength":5798,"DateJson":null,"Index":0}, "metaData":"8D91232C303626342ACC0E7ED035FEA5DE6451C2DB0AF6EACED0DEF16BAC9F74139C19B88F3583C5E4E753AF69CA36E66EB8DC6DE10E16C1B06A7DD1B482E8E57C5949FC91A77397D6CEB2BE801B511978BE81978AF16A2AFCAB9DA0F1C04972541477EA061F94B0DC6BF18D7CC177C427FA3C9FFBB4331699BC031FC1032C268EDB586EE6E54ADD874033CEFE7916EA3B880C6383A59D10D72D4954B3FDDE3391C0D66A5D38956DDBA8B3026A07DD8C1561889181210D7982B964EB1E654AD007C04D7832068AB2BC4E220B2AC8565C53260448459E72E53295BDAD64DCF63F311E327C366756AF117BD3E45B0D85AF7BC2CC0A2983A6142FF6FAC4E9BCC92CADEA17DC" }</pre>
Hi guys,
I can see async.concurrent feature in kendo ui upload control, do we have this feature or can have it in ajax upload control ?
https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/configuration/async.concurrent
This issue is observed only in R1 2020. The solution is to not disable the FileAPI.
Reproduction steps:
<script>
Telerik.Web.UI.RadAsyncUpload.Modules.FileApi.isAvailable = function () { return false; };
Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function () { return false; };
Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function () { return false; };
</script>
<telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" ></telerik:RadAsyncUpload>
Documentation says Firefox should be ok with LastModifiedDate, but it's not. It's consistently being set to 1/1/0001 12:00:00 AM, which is not useful.
Happens in any RadAsyncUpload example if you look at the value for LastModifiedDate in the AsyncUploadedFile objects.
Works fine in Chrome, Edge. Fails in Firefox for Mac or Windows.