Javascript 按下按钮时停止执行mvc控制器

我有一个文件上传项目，当用户按下（添加文件）并选择所需文件时，将执行以下功能将该文件保存到服务器上

 public ActionResult SaveUploadedFile()
    {

        string fName = DateTime.Now.ToString("yyyyMMddHHmmssffffff");

        bool isSavedSuccessfully = true;

        foreach (string fileName in Request.Files)
        {

            HttpPostedFileBase file = Request.Files[fileName];

            if (file != null && file.ContentLength > 0)
            {

                var originalDirectory = new DirectoryInfo(string.Format("{0}Images\\PostImages\\DeviceImages\\", Server.MapPath(@"\")));

                string pathString = originalDirectory.ToString();



                bool isExists = System.IO.Directory.Exists(pathString);

                if (!isExists)
                    System.IO.Directory.CreateDirectory(pathString);



                string type = file.FileName.Substring(file.FileName.IndexOf("."), file.FileName.Length - file.FileName.IndexOf("."));

                fName = fName + type;
                var path = string.Format("{0}\\{1}", pathString, fName);
                file.SaveAs(path);

            }

        }

        if (isSavedSuccessfully)
        {
            UploadImagesNames.Add(fName);
            return Json(new { Message = fName });
        }
        else
        {
            return Json(new { Message = "Error in saving file" });
        }
    }

上传文件时，会出现一个进度条和删除按钮，如图所示

当文件完全上传时，我可以按（删除文件）删除文件，问题是当文件未完全上传时我按（删除文件）按钮，换句话说，当按下（删除文件）按钮时，我需要一种停止执行SaveUploadedFile（）函数的方法

---

如何解决这个问题？

您研究过异步操作吗？还有一个类似的问题以及ermagana提供的一个示例项目：

文件是如何上传的？在线程中？我编辑代码以显示线程中的所有命令