針對PHP環境下Fckeditor編輯器上傳圖片配置詳細教程

2024-09-06 19:16:58

字體：大中小

來源：轉載

供稿：網友

開啟Fckeditor上傳圖片功能

　　考慮到目錄安全性問題，默認Fckeditor2.6.6上傳功能并未開啟，所以第一步我們必須開啟Fckeditor上傳功能，這里需要注意，由于PHP版本Fckeditor上傳功能需要用到chomod函數對新建目錄進行權限設置，所以請務必確認在啟用Fckeditor上傳功能時PHP環境的用戶具有創建和更改上傳目錄的權限。

　　如果沒有開啟Fckeditor上傳功能，在點擊插入/編輯圖像按鈕，選擇上傳，在選擇完要上傳的文件后點擊發送到服務器上按鈕時會報錯誤信息如下

復制代碼代碼如下:

This file uploader is disabled.     
Please check the "editor/filemanager/connectors/php/config.php" file  

根據錯誤信息，打開editor/filemanager/connectors/php目錄下config.php，找到

復制代碼代碼如下:

$Config['Enabled'] = false ;

更改為

復制代碼代碼如下:

$Config['Enabled'] = true ;

并在相應目錄下建立userfiles上傳目錄后，Fckeditor上傳圖片功能開啟。

　　特別提醒：Fckeditor似乎有個BUG漏洞，即JS兼容性還不是太完美，之前我在Google Chrome游覽器下設置完后，Fckeditor PHP上傳一直實現不了，換了IE后一切正常。

Fckeditor上傳圖片時上傳路徑配置教程

　　作為獨立網站開發者，除了考慮技術還需要兼顧其他方便，比如SEO優化，而目錄結構(URL)優化是SEO的一部分，這就需要在設置Fckeditor上傳圖片功能時考慮圖片上傳路徑問題。

　　默認Fckeditor圖片上傳路徑結構有兩種形式：userfiles/文件名和userfiles/文件類型/文件名，針對兩種Fckeditor上傳方式：快速上傳（圖像屬性中的上傳）和服務器游覽上傳（圖像屬性中的鏈接），比如上傳圖片，QuickUpload模式上傳路徑為userfiles/文件名，服務器游覽上傳模式上傳路徑為userfiles/images/文件名。

Fckeditor圖片上傳路徑配置如下

　　打開editor/filemanager/connectors/php目錄下config.php文件，找到

復制代碼代碼如下:

$Config['UserFilesPath'] = '/userfiles/' ;

更改為

復制代碼代碼如下:

$Config['UserFilesPath'] = '/項目目錄/userfiles/' ;

注意：此處userfiles文件夾是針對http://localhost/的根目錄而言的。

　　以上是默認Fckeditor上傳路徑的配置，根據URL規劃你可以自定義Fckeditor的上傳目錄，只要修改config.php文件中的$Config['FileTypesPath']、$Config['FileTypesAbsolutePath']、$Config['QuickUploadPath']、$Config['QuickUploadAbsolutePath']四個上傳目錄路徑的值即可。這種方法一定程度上也能避免Fckeditor上傳圖片文件名重名問題。

限制Fckeditor上傳圖片大小設置

　　Fckeditor2.6.6默認并沒有限制上傳圖片文件的大小，可以通過兩種方法改進，一種可以通過修改PHP.INI配置文件上傳大小來限制，另一種方法只能手動修改Fckeditor源碼，方法如下

　　1、打開editor/filemanager/connectors/php目錄下config.php，創建Config變量設置上傳圖片大小，這里以KB為單位

復制代碼代碼如下:

$Config['MaxImageSize']= '1024';

2、打開editor/filemanager/connectors/php目錄下commands.php，找到

復制代碼代碼如下:

if ( isset( $Config['SecureImageUploads'] ) )   
{   
if ( ( $isImageValid = IsImageValid( $oFile['tmp_name'], $sExtension ) ) === false )   
{   
$sErrorNumber = '202' ;   
}   
//上傳圖片大小限制   
}  

在上傳圖片大小限制處，添加

復制代碼代碼如下:

if ( isset( $Config['MaxImageSize'] ) )   
{   
    $iFileSize = round( $oFile['size'] / 1024 );   
    if($iFileSize > $Config['MaxImageSize'] )   
    {   
        $sErrorNumber = '204';   
    }   
}  

說明：由于PHP計算上傳圖片大小以字節為單位，所以代碼首先將上傳的圖片大小折算為KB，再來對比是否超出了規定的圖片大小，如超出，則報錯。

　　注意最后將

復制代碼代碼如下:

if ( !$sErrorNumber && IsAllowedExt( $sExtension, $resourceType ) )   
{   
//Fckeditor上傳圖片功能   
}   
else  
$sErrorNumber = '202' ;  

代碼塊結尾處的else語句去除，否則實現不了限制Fckeditor上傳圖片文件大小的功能。

　　3、打開editor/dialog/fck_image/fck_image.js，添加錯誤代碼(errorNumber)信息，找到OnUploadCompleted函數，添加

復制代碼代碼如下:

case 204 :   
alert( "Security error. File size error." ) ;   
return ;  

至此限制Fckeditor上傳圖片文件大小配置就完成了，其他類型的上傳文件大小限制也是這種思路。

Fckeditor上傳圖片文件名重名及中文亂碼解決方法

　　經測試Fckeditor2.6.6并沒有解決上傳文件中文名變為亂碼的問題，這是由于Fckeditor實現上傳功能時并沒有將文件重命名，容易導致上傳圖片文件重名及亂碼問題。

　　上傳圖片文件重名和亂碼解決方法如下

　　打開editor/filemanager/connectors/php目錄下commands.php，找到FileUpload函數，在

復制代碼代碼如下:

$sExtension = substr( $sFileName, ( strrpos($sFileName, '.') + 1 ) ) ;   
$sExtension = strtolower( $sExtension ) ;

后添加

復制代碼代碼如下:

$sFileName = rand(0,100).".".$sExtension;

此處rand函數可根據需要自行改變重命名規則。

　　另一種上傳圖片文件名亂碼解決方法為使用iconv函數對文件名進行編碼轉換，但仍然存在重名問題，所以針對Fckeditor上傳圖片文件名最好還是重命名。

Fckeditor上傳圖片添加水印功能

　　對于網站擁有者來說保護圖片版權添加水印必不可少，我們可以利用PHP添加水印函數結合Fckeditor文件上傳函數FileUpload實現圖片添加水印功能，水印函數請參考PHP圖片水印函數:支持以圖片和文字方式添加水印一文。

　　至此Fckeditor在PHP環境下的上傳圖片配置入門教程就介紹完了。

上一篇：FCKeditor編輯器添加圖片上傳功能及圖片路徑問題解決方法

下一篇：UEditor編輯器自定義上傳圖片或文件路徑的修改方法

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注