How to change the filePath while upload a file using igUpload from client side? | Infragistics Forums

State Suggested Answer
Replies 7 replies
Answers 1 answer
Subscribers 13 subscribers
Views 2007211 views
Users 0 members are here

igUpload

285

How to change the filePath while upload a file using igUpload from client side?

Salim Fayad posted over 10 years ago

I am using igUpload in the client side, and I want to change the file name while uploading it. How to do that?

20255

Offline Zdravko Kolev posted over 10 years ago in reply to Salim Fayad

Hi Salim,

As I have told you, by design it is not possible to rename a file client side, you should do a postback. Also, according our support policy we answer only for our controls (and not for ASP.NET upload control), I have showed you how to implement this solution in both MVC Project and ASP web site, so my suggestion is either to consider to change your approach or to use UpdatePanel for example and then the postback that is performed wont bother you.
Cancel
Reply

Cancel
285

Salim Fayad posted over 10 years ago in reply to Zdravko Kolev

Hi Zdravko,

I don't want any postback. Otherwise, I would have used the normal ASP.NET upload control. I have noticed onething. I added a handler and set the property of the igUpload uploadUrl to this handler, and when clicking on upload, it is going to this handler. The question is, what should I write in this handler?

Thanks
Cancel
Reply

Cancel
20255

Offline Zdravko Kolev posted over 10 years ago in reply to Salim Fayad
Hello Salim,

You can use the same code in order to do in in ASP project. The difference here is that you need again to call the server, although you will not have the event arguments like FileName, Path etc. and we will need to get them differently. I have created a new sample for you that is using igUpload in ASP.NET web site and again if the Image already exists in the upload folder, will be renamed.

There are a few things that you should know, there is a button which will perform the postback to the server, and I simulate a click on FileUploading. Also I use hidden filed in order to get the uploaded file name.

Code snippet:

<script>

        $(function () {

            $("#igUpload1").igUpload({

                mode: "single",

                autostartupload: true,

                // to upload a file, you need a server-side handler

                progressUrl: "IGUploadStatusHandler.ashx",

                controlId: "serverID",

                width: "400px"

            });

            $(document).delegate("#igUpload1", "iguploadfileuploading", function (evt, ui) {

                debugger;

                var hiddenField = document.getElementById('<%= hiddenField.ClientID %>');

                hiddenField.value = ui.filePath;

                $("#simpleBtn").click();

            });

        });

    </script>

..................................

................................

protected void simpleBtn_Click(object sender, EventArgs e)

    {

        string fileName = hiddenField.Value;

        string fileUploadPath = Server.MapPath("~") + "Images\\";

        string ext = Path.GetExtension(fileName);

        string filePath = String.Format("{0}{1}", fileUploadPath, fileName);

        string fname = Path.GetFileNameWithoutExtension(fileName);

        if (System.IO.File.Exists(filePath))

        {

            RenameFile(fileName, filePath, fileUploadPath, fname, ext);

        }

        else

        {

            System.IO.File.Copy(filePath, fileUploadPath + "\\" + fname + "(0)" + ext, true);

        }

    }

    public static int counter = 0;

    public static void RenameFile(string fileName, string filePath, string folderPath, string onlyName, string ext)

    {

        string newFilePath = String.Format("{0}{1}{2}", folderPath, onlyName + "(" + counter + ")", ext);

        if (System.IO.File.Exists(newFilePath))

        {

            counter++;

            RenameFile(fileName, filePath, folderPath, onlyName, ext);

        }

        else

        {

            System.IO.File.Copy(filePath, folderPath + "\\" + onlyName + "(" + counter + ")" + ext, true);

        }

    }

Looking forward to hearing from you.
igUploadRenameFiles.zip
Cancel
Reply

Cancel
285

Salim Fayad posted over 10 years ago in reply to Zdravko Kolev

Thanks Zdravko, but I am not using MVC. I am simply using the control in an ASP.NET. How to do the same thing in ASP.NET?
Cancel
Reply

Cancel
20255

Suggested Answer
Offline Zdravko Kolev posted over 10 years ago in reply to Salim Fayad
Hello Salim,

I have created a sample for you in order to show you how to rename the file when it is uploaded, although the approach is not implemented client side. You will need to handle in your controller igUpload_FinishingUpload and in there to rename the file if already exists in this folder. In order to do this I use simple recursion, as you can see from the sample every file that you upload (and exists in the folder) will be renamed with numeric counter. Please have a loo at the sample and let me know if this approach suits your needs.

By design our igUpload will always override the uploaded file if already exists.

Code snippet:

public class HomeController : Controller

    {

        internal static void igUpload_FinishingUpload(object sender, UploadFinishingEventArgs e)

        {

            string ext = Path.GetExtension(e.FileName);

            string filePath = String.Format("{0}{1}", e.FolderPath, e.FileName);

            string fname = Path.GetFileNameWithoutExtension(e.FileName);

            if (System.IO.File.Exists(filePath))

            {

                RenameFile(e.FileName, filePath, e.FolderPath, fname, ext);

            }

            else

            {

                System.IO.File.Copy(filePath, e.FolderPath + "\\" + fname + "(0)" + ext, true);

            }

        }

        public static int counter = 0;

        public static void RenameFile(string fileName, string filePath, string folderPath, string onlyName, string ext)

        {

            string newFilePath = String.Format("{0}{1}{2}", folderPath, onlyName + "(" + counter + ")", ext);

            if (System.IO.File.Exists(newFilePath))

            {

                counter++;

                RenameFile(fileName, filePath, folderPath, onlyName, ext);

            }

            else

            {

                System.IO.File.Copy(filePath, folderPath + "\\" + onlyName + "(" + counter + ")" + ext, true);

            }

        }
igUploadMVC.zip
Cancel
Reply

Reject Answer

Cancel