在提交表單時執行後臺處理

Question

我有一個在用戶提交表單時運行的操作方法。

圖像URL與模型一起傳遞。

我希望能夠對（下載的）圖像執行一些處理，但是我不想在此處理中延遲以影響用戶體驗。

那麼我該如何在背景中做這個處理，同時愉快地提交表單？例如：

ProcessImage(imageUrl); //do this in the background without delaying user experience 

Answer 1

直到你收到圖像，你不能改變用戶的頁面。

但是，在您完成圖像後，您可以在BackGroundWorker中執行所需的處理並提交頁面。讓用戶看到新的需要的頁面。

Answer 2

在客戶端顯示一個忙碌的屏幕，讓用戶知道他正在等待文件下載。您可以通過下載到單獨的iframe並檢查iframe的狀態來實現此目的（for a dynamic approach see Dynamically created iframe used to download file triggers onload with firebug but not without）

Answer 3

您可以使用jQuery發佈imageurl。完成後將調用您的回調。

function ProcessImageUrl(imgurl) 
{ 
    $.post('<%= Url.Action("AjaxProcessImage","AjaxFunctions") %>' 
     , { url: imgurl } 
     , function (data) { 
     if (data.success) { 
      alert("I'm done processing the image"); 
     } 
     else { 
      alert("Darn an error occurred: " + data.msg); 
     } 
    }); 
} 

在控制器稱爲AjaxFunctionsController

public ActionResult AjaxProcessImage(string url) 
    { 
     try 
     { 
      ProcessImage(url); 
     } 
     catch(System.Exception ex) 
     { 
     return Json(
       new 
       { 
        success = false, 
        msg = ex.Message 
       }); 
     } 

     return Json(
      new 
      { 
       success = true 
      }); 
    }