RadAsyncUpload Clear uploaded files

[Fred Mare]

Hi

I have 2 questions that I need some help with if possible.

1)

I have implemented the RadAsyncUpload conrol in my web application to allow a user to upload files to the server. I would like to clear the uplaoded file list above the select button and this uploaded files in Javascript. Is this possible?

2)

How do a person code for when a file already exists using the RadAsyncUpload conrol?

Thank you
Fred

[Genady Sergeev]

Hello Fred Mare,

With respect to your first question, the described behavior can be achieved  using the following code:

<script type="text/javascript">
       function clientFileUploaded(sender, args) {
           var count = sender._getRowCount();

           if (count > 2) {
               Array.removeAt(sender._uploadedFiles, 0);
               sender.deleteFileInputAt(0);
               sender.updateClientState();
           }
       }

   </script>

   <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" TargetFolder="~/Documents"
        OnClientFileUploaded="clientFileUploaded">
   </telerik:RadAsyncUpload>

Regarding your second question, you can hook on the FileUploaded  server-side event of RadAsyncUpload and check whether the current file already exists. This can be done using the following code:

void RadAsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e)
    {
        string fullPath = Server.MapPath(Path.Combine(RadAsyncUpload1.TargetFolder, e.File.GetName()));

        if (File.Exists(fullPath))
        {
            e.IsValid = false;
            e.File.SaveAs(Server.MapPath(
                Path.Combine(RadAsyncUpload1.TargetFolder, e.File.GetNameWithoutExtension() + "1" + e.File.GetExtension())));
        }
    }

If the file already exists, 1 is appended to the file name and the uploaded file is saved with the new name. Sample project demonstrating the approach is attached to this replay.

Greetings,
Genady Sergeev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Fred Mare]

Dear Genady

Thank you for the help I appreciate it very much.

[Jesse Lawler]

I need to call a client-side function (NOT a RadAsyncUpload event handler) to remove all files from a RadAsyncUpload object.  I tried to adapt the code provided above into the following function, but I'm getting weird behavior.  Could you please tell me what is amiss?

        function ClearUploads() {
            var uploadObject = $find('<%= RadAsyncUpload1.ClientID %>');
            var uploadedFileCount = uploadObject._getRowCount() - 1;
            if (uploadedFileCount > 0) {
                for (i = 0; i < uploadedFileCount; i++) {
                    Array.removeAt(uploadObject._uploadedFiles, i);
                    uploadObject.deleteFileInputAt(i);
                }
                uploadObject.updateClientState();
            }
        }

[Fred Mare]

Dear Jesse

What behavior are you experiencing?

Fred

[Jesse Lawler]

Right now, for example, if I upload 4 files into the RadAsynUpload control, then run the function below, it will delete the first two of the files, but leave the second 2 intact.  It's probably just my misunderstanding how the indexing of the uploaded files works... Any ideas?

[Fred Mare]

I think you right. If possible could you upload a little test app so I can test this concept from side?

Fred

[Fred Mare]

Are you trying to delete the files from the target folder or the temporary folder?  

Fred

[Jesse Lawler]

I'm trying to delete from the temporary folder.  Basically, if a user has started some uploading using this form, but not submitted the finalized form, I want to empty out the uploaded files after a certain length of time or under certain conditions.  

Thanks!

[Fred Mare]

When I use your code I manage to remove the list of selected files from web page. But the file still remain in the temp folder. Are you experiencing the same?

Fred

[Genady Sergeev]

Hi guys,

The files are going to be removed from the temporary folder after a few hours (the default is 4). You can tweak that time via the TemporaryFilesExpiration property that RadAsyncUpload provides. Also, the code worked fine on my side as well. Fred, could you please attach a sample aspx page that reproduces the problem so that we can take a look.

Kind regards,
Genady Sergeev
the Telerik team

[Fred Mare]

Dear Genady

This is an issue that Jesse reported. I thought I would see if I can help.

Fred

 

[Jesse Lawler]

Hi there Genady --

Sorry it took me a bit to reply.  I've created a super-simple example ASPX page which is still misbehaving for me.  I've come up with a workaround so this is not a pressing issue that requires a support ticket for me...  But I'll open one if that's the only way to get an ASPX file to you.  It won't let me attach code files in the form.  Please advise.

(And thank you, Fred.)

Jesse

[Genady Sergeev]

Hello Jesse Lawler,

Indeed, the only way to attach ASPX page is to open a support ticket. It would be very helpful If you specify the exact version of Telerik.Web.UI that you use. Thank you.

Regards,
Genady Sergeev
the Telerik team

[Kartar]

Hi ,

I am using this control in my project . Suppose i uploaded 2 files and now i am clicking on window close button and i want to clear both uploaded files from client side not from server side . I am not able to clear all files . Last file is not removed from the list . now if i open my pop up again last file name still apper with upload control.

I am using below code at client side:

 

 

var uploadedFileCount = uploadObject._uploadedFiles.length;

 

 

 

 

if (uploadedFileCount > 0) {

 

 

 

for (i = 0; i <uploadedFileCount; i++) {

 

Array.removeAt(uploadObject._uploadedFiles, i);

uploadObject.deleteFileInputAt(i);

}

uploadObject.updateClientState();

}

Please reply i need it very urgently . I think i am missing some index . please guide me.

[Princy]

Hello Kartar,

Here is the following javascript which worked as expected in my end.
JS:

function DeleteFiles()
{
 var upload = $find("<%= RadAsyncUpload1.ClientID %>");
 var inputs = upload.getUploadedFiles().length;
 for (i = 0; i <= inputs; i++)
 {
 upload.deleteFileInputAt(i);
 }
}

Thanks,
Princy.

[Kartar]

Hi Princy ,

Thanks for quick reply . I was doing same but it was not working when i debug it i got solution for it and i found below solutions :

Solution 1:

function DeleteFiles()
{
 var upload = $find("<%= RadAsyncUpload1.ClientID %>");
 var inputs = upload.getUploadedFiles().length;
 for (i = 0; i <= inputs; i++)
 {
 upload.deleteFileInputAt(0);
 }
}

Solution 2:

function DeleteFiles()
{
 var upload = $find("<%= RadAsyncUpload1.ClientID %>");
 var inputs = upload.getUploadedFiles().length;
 for (i = inputs-1; i >=0; i--)
 {
 upload.deleteFileInputAt(i);
 }
}

Its working for me . Thanks once again!!!!!!