jQuery文件上傳iframe方法

Question

我想設置一個與IE8兼容的跨域文件上傳解決方案。 我一直在使用blueimp的JQuery File Upload插件和iframe transport選項 。

上傳效果很好，但是我無法從服務器端獲取上傳結果。 將選項重定向到result.html文件進行解析似乎是解決方案，但是問題是我無法訪問托管該表單的服務器來部署HTML文件。 在這種情況下，是否有其他方法可以在不將HTML文件部署到原始服務器的情況下檢索上載的結果？

Answer 1

在javascript文件中，您可以添加此事件監聽器（ 對於非jQuery方式，請參見此答案 ）

$(window).on('message', function(e){
    var data = e.originalEvent.data || e.originalEvent.message;

    data = JSON.parse(data); //only if you did JSON.stringify for the data you sent
    //do what you need with the message you send.
});

接下來，完成上傳后，您可以將其寫入頁面，也可以將iframe重定向到上面包含該內容的另一頁面。

window.parent.postMessage('File Upload Done', '*');

如果您需要向父級發送更多數據，則需要先進行JSON.stringify內容（舊的IE和FF不允許對象，只能是字符串）。

window.parent.postMessage(JSON.stringify({'success': true, 'id': 1942}), '*');