2015-10-21 69 views
0

我有以下看法允許許可跨來源框架在PHP

Page on honor.es showing the error

退房的sample page

一旦我點擊打開彈出編輯我沒有得到的結果,它顯示它仍然加載但從未完成。

然後我檢查這個使用Firebug,我看到了以下錯誤:

Load denied by X-Frame-Options: https://www.picozu.com/editor/?i=aHR0cDovL2FiLWZseWVycy5ob25vci5lcy9EZXNlcnQuanBn&key=A7lwl9MYGLNfVL7x&theme=galaxy&workspace=2 does not permit cross-origin framing.

下面是錯誤的截圖:

Cross-origin error shown in Firebug's console

我試圖打開HTML頁面來解決這個轉換爲PHP腳本並添加以下代碼:

<?php header('Access-Control-Allow-Origin: *'); ?> 

所以這就是PHP文件

<!DOCTYPE html> 
<html> 
    <head> 
    <?php header('Access-Control-Allow-Origin: *'); ?> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Brochure_Dashboard</title> 

    <script src="js/jquery.min.js"></script> 
    <script src="js/jquery.classypicozu.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/jquery.classypicozu.min.css" /> 
    </head> 
    <body> 
    <div> 
     <button class="picozu">Open Popup Editor</button> 
     <script type="text/javascript">          
     $('.picozu').ClassyPicozu({ 
     key: 'A7lwl9MYGLNfVL7x', 
     image: 'http://ab-flyers.honor.es/Desert.jpg', 
     width: 900, 
     height: 600, 
     theme: 'galaxy', 
     workspace: 2 
     }); 
     </script> 
    </div> 
    </body> 
</html> 

但是錯誤仍然是一樣的。你可以try it out yourself

我只是想知道,我的PHP文件有什麼問題,或者我該如何糾正這個錯誤?

+1

因爲它是一個頭,它需要去在頁面的最頂端,任何事情,包括空格之前,輸出到瀏覽器。這是一個普遍的評論,我不知道這是否會解決它... – Rasclatt

+0

@Rasclatt正如你所說,我把頁面的頂部,這意味着像這樣,但錯誤是相同的<?php頭('訪問控制 - Allow-Origin:*'); ?> <!DOCTYPE html> ......'但錯誤是一樣的 – Chathz

+0

是的,正好。就像我說的,我不會做跨源的東西,所以我沒有經驗來規避它,恐怕。 – Rasclatt

回答

0

在這種情況下,我擔心你不能做任何事情,因爲X-Frame-Options:SAMEORIGIN被設置在你包含的iframe的網絡服務器上。它限制任何網站將其內容交叉傳播。

同源策略是瀏覽器核心的配置,只有實現它的方法是修改瀏覽器的核心功能。

問候,

+0

所以你的想法是我沒有選項 – Chathz

+0

是的,如果你沒有權威的iframe的網絡服務器,你包括我認爲你應該嘗試別的 –

+0

你可以建議一個'高級的jQuery圖像編輯器',像'ClassyPicozu' – Chathz

相關問題