UEditor編輯器自定義上傳圖片或文件路徑的修改方法，ueditor修改方法

使用ueditor編輯器，附件默認(rèn)在ueditor/php/upload/,? 我的附件地址是網(wǎng)站根目錄下/data/upload/ ,需要修改ueditor如下：

第一步：打開php/config.php修改圖片目錄

復(fù)制代碼 代碼如下:

return array(

//圖片目錄

'imageSavePath' => array (

'../../../../data/upload'

)

);

第二步：圖片上傳后去掉相對(duì)路徑php/imageUp.php

復(fù)制代碼 代碼如下:

$info["url"]=str_replace('../../../../', '', $info["url"]);

echo "{'url':'" . $info["url"] . "','title':'" . $title . "','original':'" . $info["originalName"] . "','state':'" . $info["state"] . "'}";

exit;

第三步：打開ueditor.config.js修改圖片路徑

復(fù)制代碼 代碼如下:

,imagePath:"/"

第四步：如果你想修改圖片生成路徑或圖片名稱

修改圖片生成路徑在php/Uploader.class.php

復(fù)制代碼 代碼如下:

private function getFolder()

{

$pathStr = $this->config[ "savePath" ];

if ( strrchr( $pathStr , "/" ) != "/" ) {

$pathStr .= "/";

}

$pathStr .= date( "Ym/d" );

if ( !file_exists( $pathStr ) ) {

if ( !mkdir( $pathStr , 0777 , true ) ) {

return false;

}

}

return $pathStr;

}

修改文件名，在ueditor.all.min.js中搜索“fileNameFormat”，然后按照官方文檔說(shuō)明修改！

助助有關(guān)ueditor編輯器上傳圖片與配置路徑的問(wèn)題

看看ueditor里面的上傳組件存不存在，或者組件是否損壞。

上傳程序的文件名一般為upfile.asp

找找類似的。。。

問(wèn)：百度Ueditor編輯器為何不可以上傳圖片？在ASP中，指教

Ueditor編輯器圖片上傳

UEditor的圖片上傳采用了Flash上傳的方式，在功能上支持批量、本地預(yù)覽和實(shí)時(shí)進(jìn)度提示，在界面上支持自定義背景、上傳按鈕和預(yù)覽框等視覺元素的樣式屬性，基本能夠滿足各種用戶的不同上傳需求。

由于涉及到了后端開發(fā)語(yǔ)言、flash、js和html等各種不同的web元素，圖片上傳這塊的配置和使用相對(duì)來(lái)說(shuō)稍顯復(fù)雜，不過(guò)只要你認(rèn)真看完以下的內(nèi)容，那一切都不是什么問(wèn)題了。下面我們?nèi)匀灰陨衔闹械耐暾鎸?shí)例來(lái)一步一步完成這個(gè)過(guò)程。

先來(lái)回顧一下完整版部署章節(jié)中提到的項(xiàng)目目錄結(jié)構(gòu)，如下左圖所示。為了更加符合一般網(wǎng)站的具體實(shí)際，也為了更清晰地展示整體的路徑配置流程，我們先對(duì)這個(gè)目錄做一下小的改動(dòng)：將ueditor目錄下的server文件夾提取出來(lái)放置到根目錄中的admin文件夾下。調(diào)整后的目錄結(jié)構(gòu)如下右圖所示

首先來(lái)看前端部分的文件及其配置。打開dialogs/image文件夾，我們可以發(fā)現(xiàn)四個(gè)文件：

?callback.js：本上傳模塊支持的所有回調(diào)函數(shù)，你可以按需選用其中的內(nèi)容。對(duì)于不需要做二次開發(fā)的你說(shuō)，可以放心地直接刪除。

?image.html：圖片上傳對(duì)話框的主體文件。前端的配置和修改基本在此處完成。

?imageUploader.swf：Flash上傳文件。

?tangram.js：百度前端框架tangram封裝的flash操作模塊。一般無(wú)需修改。

打開image.html文件，找到baidu.swf.create()方法，有關(guān)圖片上傳的大部分配置都在這里進(jìn)行。這其中的絕大部分參數(shù)相信你對(duì)著注釋都能很容易明白意思，下面將挑選幾個(gè)需要稍微解釋的參數(shù)進(jìn)行講解：

首先是backgroundUrl、listBackgroundUrl和buttonUrl這三個(gè)參數(shù)。UEditor為了讓上傳flash的界面能夠滿足各種不同的網(wǎng)站風(fēng)格，預(yù)留出了這三個(gè)參數(shù)讓你可以自己定義上傳框的背景、圖片預(yù)覽框的背景和上傳按鈕的背景，默認(rèn)留空情況下就是同學(xué)們看到的樣式。

其次是compressSide和compressLength這兩個(gè)參數(shù)。前者規(guī)定了上傳圖片等比壓縮的基準(zhǔn)邊，后者規(guī)定了前者定義的基準(zhǔn)邊的最大邊長(zhǎng)，并以該值為基準(zhǔn)進(jìn)行等比縮放。此處的值設(shè)置是通過(guò)讀取配置文件中的maxImageSideLength值來(lái)進(jìn)行，嫌麻煩的可以直接設(shè)置數(shù)值即可。

第三個(gè)是url參數(shù)。這個(gè)參數(shù)設(shè)置了圖片上傳后臺(tái)處理程序的路徑。以當(dāng)前項(xiàng)目示例來(lái)說(shuō)，此處的url值應(yīng)該是“../../../admin/server/upload/up.php”。

第四個(gè)要介紹的參數(shù)是ext。這個(gè)參數(shù)允許讓你自己定義需要向后端post的參數(shù)。只要書寫符合我們demo中的格式，后臺(tái)就可以直接像接收一個(gè)普通的表單項(xiàng)一樣的方式來(lái)接收對(duì)應(yīng)的自定義值。

最后一個(gè)需要要介紹的參數(shù)是fileType。它在前端限定了文件選擇框中能夠顯示的文件類型，如果需要上傳其他非圖片格式的文件，你只要修改對(duì)應(yīng)的擴(kuò)展名即可。

前端部分的配置暫時(shí)結(jié)束，下面來(lái)看后臺(tái)處理程序中的配置。打開admin/server/upload/文件夾，在up.php文件中，我們可以發(fā)現(xiàn)需要配置的參數(shù)有以下三個(gè)uploadPa......余下全文>>

總結(jié)

以上是生活随笔為你收集整理的ueditor 编辑html文件名,UEditor编辑器自定义上传图片或文件路径的修改方法，ueditor修改方法...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。