[TOC] ## 預設環境 UEditor版本：1.4 客戶端地址：http://www.aaa.com 圖片服務器地址：http://www.bbb.com 圖片服務器端UEditor的部署URL：http://www.bbb.com/ueditor/ 客戶端和圖片服務器各部署一套UEditor環境 ## 客戶端修改 ### 修改1：/ueditor/ueditor.config.js 將原有的URL注釋掉，然后在下面新增一行，內容為 `var URL = "http://www.bbb.com/ueditor/"; ` ### 修改2：/ueditor/php/config.json 修改文件訪問路徑前綴，具體為，將該文件中所有以UrlPrefix結尾的參數，修改為http://www.bbb.com ## 圖片服務器端修改 服務器端，只需要修改/ueditor/php/controller.php一個文件即可。主要就是增加一個callbackUrl參數，用于跨域時的數據回調，同時增加跨域權限設置。 ### 1. 增加跨域權限設置 ``` header('Access-Control-Allow-Origin: http://www.aaa.com'); //設置跨域訪問 header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With'); //設置允許的跨域header ``` ### 2. 增加跨域回調參數 將原有的代碼 ``` /* 輸出結果 */ if (isset($_GET["callback"])) { if (preg_match("/^[\w_]+$/", $_GET["callback"])) { echo htmlspecialchars($_GET["callback"]) . '(' . $result . ')'; } else { echo json_encode(array( 'state'=> 'callback參數不合法' )); } } else { echo $result; } ``` 修改為 ``` /* 輸出結果 */ if (isset($_GET["callback"])) { if (preg_match("/^[\w_]+$/", $_GET["callback"])) { echo htmlspecialchars($_GET["callback"]) . '(' . $result . ')'; } else { echo json_encode(array( 'state'=> 'callback參數不合法' )); } } else { if ($_REQUEST['callbackUrl']) { header("Location:".$_REQUEST['callbackUrl']."?ueResult=".urlencode($result)); } else { echo $result; } } ``` **注意：此處的ueResult參數，客戶端將通過該參數，獲取UEditor返回的數據。** ## 客戶端調用 ``` <script id="container" name="content" type="text/plain"></script> <script type="text/javascript"> var ue = UE.getEditor('container'); ue.ready(function() { //綁定自定義的回調URL ue.execCommand('serverparam', { 'callbackUrl': 'http://www.aaa.com/uploadCallback' }); }); </script> ``` 然后在回調中，直接輸出UEditor返回的數據就可以了。 ``` public function uploadCallback() { die($_REQUEST['ueResult']); } ``` ## 原文閱讀 [UEditor圖片跨域上傳解決方案](https://blog.csdn.net/tdcqfyl/article/details/81569880?utm_source=blogxgwz6)