Fancybox Iframe等待上傳文件

Question

我試圖在Iframe（fancybox）中提交圖片，但如果關閉iframe，我不會在服務器上獲取數據。

（此代碼是在框架內）

<a class="button" id="finishButton" onclick="closeME()"><span>@PhotoPremier.Resources.Global.btnSubmit</span></a> 

<script> 
function closeME() { 
    if (ValidationToSubmit() == true) { 
     $('#FormToSubmit').submit(); 
    } 
} 

$('#FormToSubmit').submit(function() { 
    event.preventDefault(); 
    parent.$.fancybox.close(); 
});​ 
</script> 

Answer 1

我的解決方法非常簡單，有點創意。

我重定向到一個簡單的頁面（爲我創建一個共享頁面[MVC]，在所有情況下使用），並且此頁面獲取新的URL，並通過JavaScript重定向到新的目的地並關閉iframe。

<script type="text/javascript"> 
if("@ViewBag.Url" != "False") 
{ 
    window.parent.location.href = "@ViewBag.Url"; 
} 
parent.$.fancybox.close(); 
</script> 

Answer 2

的一點是，你必須等待「直到完成後成功後，纔可以關閉該iframe中。

您是否有能力編輯文件上傳響應的服務器端？如果是，那麼只要做到定期提交和響應打印：

<script>parent.$.fancybox.close();</script> 

您也可以嘗試通過jQuery.post併成功關閉iframe來提交表單，但是這可能不是文件上傳工作：

<a class="button" id="finishButton" onclick="submit()"><span>@PhotoPremier.Resources.Global.btnSubmit</span></a> 

<script> 
$('#FormToSubmit').submit(submit); 

function submit() { 
    if (!ValidationToSubmit()) { 
     return; 
    } 
    var data = { 
     x: $("#x").val(), 
     y: $("#y").val(), 
     ... 
    }; 
    $.post({ 
     url:"...", 
     data: data, 
     success: function(){ 
      parent.$.fancybox.close(); 
     } 
    }) 
} 
</script> 

不幸的是，您將不得不準備要發佈的數據對象，但是如果您有幾個字段，它應該不成問題。