最近做個(gè)小網(wǎng)站，在用編輯器的時(shí)候選擇了百度UEditor ，主要是因?yàn)楦杏X他的UI 還不錯(cuò)，大概看了還還支持自定義一些東西，所以就下下來配置了下。當(dāng)配置到文件上傳的時(shí)候遇見問題了，他默認(rèn)的時(shí)候把文件傳

最近做個(gè)小網(wǎng)站，在用編輯器的時(shí)候選擇了百度UEditor ，主要是因?yàn)楦杏X他的UI 還不錯(cuò)，大概看了還還支持自定義一些東西，所以就下下來配置了下。

當(dāng)配置到文件上傳的時(shí)候遇見問題了，他默認(rèn)的時(shí)候把文件傳到編輯器editor 目錄下的php 目錄下的upload 目錄，這個(gè)很奇怪，雖然裝上就能用，但是很不合理。

1 一般上傳目錄在系統(tǒng)里面是單獨(dú)的，需要有單獨(dú)的權(quán)限。

2 編輯器的JS 包核心部分也應(yīng)該是獨(dú)立的和后臺(tái)程序也分開。

3 后臺(tái)處理程序單獨(dú)獨(dú)立

鑒于這三點(diǎn)，看了官方的文檔，說名有修改這幾個(gè)的地方但是不是很詳細(xì)。于是乎，就根據(jù)上面的說明和自己的調(diào)試，下面是現(xiàn)實(shí)中經(jīng)常遇見的一種布局：

4 網(wǎng)站在電腦上的目錄 d:/webserver/www/site1/ , 網(wǎng)站的訪問地址 http://www.xxxx.com/site1/，網(wǎng)站的根目錄

5 網(wǎng)站的編輯器存放目錄 d:/webserver/www/site1/v/editor, 頁面訪問地址 /site1/v/editor/ ， 編輯器的JS 核心程序目錄

6 網(wǎng)站文件上傳目錄 d:/webserver/www/site1/files/, 頁面訪問地址 /site1/files/，編輯器的文件上傳目錄

7 網(wǎng)上處理上傳文件的目錄 d:/webserver/www/site1/admin/doupload/,頁面訪問地址 /site1/admin/doupload/,這個(gè)目錄主要是處理文件上傳的程序?qū)?yīng)編輯器里面的 php 目錄

那么根據(jù)上面的條件我們就把編輯器的文件分別放于下面三個(gè)目錄中

/site1/ ————————-網(wǎng)站目錄

/site1/v/editor/ ————整個(gè)編輯器的核心文件

/site1/files/ ——————- 文件上傳目錄

/site1/admin/doupload/ — 存放ueditor 中php 文件

/site1/admin/news/add.php — 添加新聞的頁面這個(gè)頁面調(diào)用編輯器

接下來就是修改配置文件

1. 在調(diào)用編輯器的頁面add.php 中增加如下的JS 代碼

2. 修改ueditor 的JS 配置文件editor_config.js,打開這個(gè)文件查找這行 URL = window.UEDITOR_HOME_URL||tmp.subst……

在這行下面添加如下兩行代碼

E_DO_URL = window.UEDITOR_DO_URL;

E_FILE_URL = window.UEDITOR_FILE_URL;

然后把下面所有配置都照下面的格式修改

,imageUrl: URL "imageUp.php" 修改為 ,imageUrl:E_DO_URL "imageUp.php" ,imagePath:URL 修改為 ,imagePath:E_FILE_URL

……

包括：//涂鴉圖片配置區(qū) //附件上傳配置區(qū)//遠(yuǎn)程抓取配置區(qū)//圖片在線管理配置區(qū) //屏幕截圖配置區(qū)//word轉(zhuǎn)存配置區(qū)//獲取視頻數(shù)據(jù)的地址等

3. 修改文件上傳的PHP 程序

Uploader.class.php

/**

* Created by JetBrains PhpStorm.

* User: taoqili

* Date: 12-7-18

* Time: 上午11: 32

* UEditor編輯器通用上傳類

*/

//add by csk83 這里調(diào)入你自己的網(wǎng)站的配置信息，比如文件上傳目錄 , 這里也可以加入你網(wǎng)站的權(quán)限控制define('MY_UPLOAD_DIR', 'd:/webserver/www/site1/files/');// 這里要寫文件目錄地址

class Uploader

{

private $fileField; //文件域名

private $file; //文件上傳對(duì)象

private $config; //配置信息

private $oriName; //原始文件名

private $fileName; //新文件名

private $fullName; //完整文件名, 即從當(dāng)前配置目錄開始的URL private $fileSize; //文件大小

private $fileType; //文件類型

private $stateInfo; //上傳狀態(tài)信息,

private $stateMap = array( //上傳狀態(tài)映射表，國(guó)際化用戶需考慮此處數(shù)據(jù)的國(guó)際化

"SUCCESS" , //上傳成功標(biāo)記，在UEditor 中內(nèi)不可改變，否則flash 判斷會(huì)出錯(cuò)

" 文件大小超出 upload_max_filesize 限制" ,

" 文件大小超出 MAX_FILE_SIZE 限制" ,

" 文件未被完整上傳" ,

" 沒有文件被上傳" ,

" 上傳文件為空" ,

"POST" => "文件大小超出 post_max_size 限制" ,

"SIZE" => "文件大小超出網(wǎng)站限制" ,

"TYPE" => "不允許的文件類型" ,

"DIR" => "目錄創(chuàng)建失敗" ,

"IO" => "輸入輸出錯(cuò)誤" ,

"UNKNOWN" => "未知錯(cuò)誤" ,

"MOVE" => "文件保存時(shí)出錯(cuò)"

);

/**

* 構(gòu)造函數(shù)

* @param string $fileField 表單名稱

* @param array $config 配置項(xiàng)

* @param bool $base64 是否解析base64編碼，可省略。若開啟，則$fileField代表的是base64編碼的字符串表單名

*/

public function __construct( $fileField , $config , $base64 = false )

{

$this->fileField = $fileField;

$this->config = $config;

$this->stateInfo = $this->stateMap[ 0 ]; $this->upFile( $base64 );

}

/**

* 上傳文件的主處理方法

* @param $base64

* @return mixed

*/

private function upFile( $base64 )

{

//處理base64上傳

if ( "base64" == $base64 ) {

$content = $_POST[ $this->fileField ]; $this->base64ToImage( $content ); return;

}

//處理普通上傳

$file = $this->file = $_FILES[ $this->fileField ];

if ( !$file ) {

$this->stateInfo = $this->getStateInfo( 'POST' ); return;

}

if ( $this->file[ 'error' ] ) {

$this->stateInfo = $this->getStateInfo( $file[ 'error' ] ); return;

}

if ( !is_uploaded_file( $file[ 'tmp_name' ] ) ) {

$this->stateInfo = $this->getStateInfo( "UNKNOWN" ); return;

}

$this->oriName = $file[ 'name' ];

$this->fileSize = $file[ 'size' ];

$this->fileType = $this->getFileExt();

if ( !$this->checkSize() ) {

$this->stateInfo = $this->getStateInfo( "SIZE" ); return;

}

if ( !$this->checkType() ) {

$this->stateInfo = $this->getStateInfo( "TYPE" ); return;

}

$this->fullName = $this->getFolder() . '/' . $this->getName(); if ( $this->stateInfo == $this->stateMap[ 0 ] ) {

if ( !move_uploaded_file( $file[ "tmp_name" ] , MY_UPLOAD_DIR .$this->fullName ) ) {

$this->stateInfo = $this->getStateInfo( "MOVE" ); }

}

}

/**

* 處理base64編碼的圖片上傳

* @param $base64Data

* @return mixed

*/

private function base64ToImage( $base64Data )

{

$img = base64_decode( $base64Data );

$this->fileName = time() . rand( 1 , 10000 ) . ".png";

$this->fullName = $this->getFolder() . '/' . $this->fileName;

if ( !file_put_contents($this->uploadDir . $this->fullName , $img ) ) { $this->stateInfo = $this->getStateInfo( "IO" );

return;

}

$this->oriName = "";

$this->fileSize = strlen( $img );

$this->fileType = ".png";

}

/**

* 獲取當(dāng)前上傳成功文件的各項(xiàng)信息

* @return array

*/

public function getFileInfo()

{

return array(

"originalName" => $this->oriName ,

"name" => $this->fileName ,

"url" => $this->fullName ,

"size" => $this->fileSize ,

"type" => $this->fileType ,

"state" => $this->stateInfo

);

}

/**

* 上傳錯(cuò)誤檢查

* @param $errCode

* @return string

*/

private function getStateInfo( $errCode )

{

return !$this->stateMap[ $errCode ] ? $this->stateMap[ "UNKNOWN" ] : $this->stateMap[ $errCode ];

}

/**

* 重命名文件

* @return string

*/

private function getName()

{

return $this->fileName = time() . rand( 1 , 10000 ) . $this->getFileExt();

}

/**

* 文件類型檢測(cè)

* @return bool

*/

private function checkType()

{

return in_array( $this->getFileExt() , $this->config[ "allowFiles" ] ); }

/**

* 文件大小檢測(cè)

* @return bool

*/

private function checkSize()

{

return $this->fileSize <= ( $this->config[ "maxSize" ] * 1024 ); }

/**

* 獲取文件擴(kuò)展名