2. 程式人生 > >ueditor 圖片上傳路徑配置

ueditor 圖片上傳路徑配置

阿新 • • 發佈：2019-02-16
ueditor的圖片上傳路徑配置檔案是 ueditor/php/config.json

以下是我遇到的一些因為ueditor預設設定引起的圖片上傳路徑配置的問題，特此拿出來與大家分享，如果有說的不對的，歡迎批評指正 一、ueditor 的圖片上傳儲存路徑 預設在網站根目錄下，最前面的 '/' 就是網站根目錄的絕對路徑， 如果把最前面的 '/' 刪掉 改為 './'之類的 那也是 /ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6} 原本ueditor這樣的設定是為了便於專案調取上傳上來的圖片視訊等檔案 然而有些情況下 我們做專案往往客戶只會給我們一個子目錄的許可權 不會給我們根目錄的許可權
這時只要修改上圖的最後一行 "imagePathFormat": "/(你的專案目錄)/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" 二、ueditor上傳到資料庫的圖片路徑即為上面的"imagePathFormat" 然而這樣的設定會不利於專案的遷移，試想你的資料庫中都是上面"imagePathFormat"這樣絕對定位，如果一旦你的專案目錄發生改變， 那就會出現讀不到圖片的問題。      （ps.當然如果你的圖片位置放在網站根目錄，而且沒有什麼許可權問題，那就沒有什麼問題，下面的內容也可以不用看了） 在我看來，還是不要把圖片上傳的路徑設的太死，設為專案的相對路徑會比較好
 以下是我自己想出的解決方法，如果有知道更簡便方法的或者可以重構以下的程式碼，還是希望可以多多指教 var content = ue.getContent();     //獲取編輯器內容 var root1 = UE.htmlparser(content, true);     //將上面獲得的html字串轉換成uNode節點 便於之後進行dom操作 var imgs = root1.getNodesByTagName('img');     //取所有img標籤 //遍歷所有的img標籤 修改src for (var i in imgs) {     var src = changeImgUrl(imgs[i].getAttr('src'));
    imgs[i].setAttr('src', src); } //取“imagePathFormat” 中'/ueditor'之後的目錄路徑 function changeImgUrl(string) {     var index=string.indexOf('ueditor');     var result="/"+string.substring(index,string.length);     return result; } 上面程式碼的邏輯就是通過ueditor 提供的API進行dom操作 修改img的src， 篩選掉'imagePathFormat'中的專案路徑，得到去掉'/ueditor/..'的路徑(當然不要去修改imagePathFormat， 不然你還是會下載到相對於根目錄的路徑下的！) 將修改後的內容提交到資料庫，便於之後進行拼接相對路徑 接下來就要開始獲取專案目錄，準備開始拼接， 不過js沒有可以獲取專案目錄的方法，需要藉助後端語言，如php、java等      (當然如果我說錯了的話，還請指正，共同進步嘛) 這裡我以php為例，來講講如何獲取專案目錄（java肯定也有類似的方法，可惜我才疏學淺，對java著實涉獵有限） 你也可以直接var_dump($_SERVER); 看下里面究竟有哪些東西 通過了解我們可以發現 $_SERVER['PHP_SELF']、$_SERVER['SCRIPT_NAME'] 與 $_SERVER['REQUEST_URI'] 三者非常相似，返回的都是與當前 URL 或 PHP 程式檔案相關的資訊，這可能就使我們需要的專案目錄 我們再來看一看這三個變數的區別 $_SERVER['SCRIPT_NAME']：相對於網站根目錄的路徑及 PHP 程式檔名稱。 $_SERVER['REQUEST_URI']：訪問此頁面所需的 URI  下面是我基於thinkphp做的專案的一個url，學過相關知識的童鞋是不是特別熟悉 http://localhost/guzhen/index.php/Admin/Message/lst?cid=2
 分別echo 上面的三個變數
  • $_SERVER['PHP_SELF'] 得到：/guzhen/index.php/Admin/Message/lst
  • $_SERVER['SCRIPT_NAME'] 得到：/guzhen/index.php
  • $_SERVER['REQUEST_URI'] 得到：/guzhen/index.php/Admin/Message/lst?cid=2
這裡我們可以藉助dirname($_SERVER['SCRIPT_NAME']) 得到/guzhen 這就是我們需要的專案路徑 之後只有將 專案路徑 和前面篩選好的 '/ueditor'這樣的路徑進行拼接 拼接的方式也很多，可以後端取到資料傳給前端的時候進行拼接，也可以前端通過ueditor的API進行拼接

相關推薦

百度Ueditor 圖片上傳路徑配置

找到php資料夾中的config.json檔案，修改其中的imagePathFormat屬性  "imagePathFormat": "/blog/Data/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", 

ueditor 圖片上傳路徑配置

ueditor的圖片上傳路徑配置檔案是 ueditor/php/config.json 以下是我遇到的一些因為ueditor預設設定引起的圖片上傳路徑配置的問題，特此拿出來與大家分享，如果有說

UEditor 圖片上傳配置（PHP）

修改config.php檔案第11,12行 線上 "imageUrlPrefix": "http://www.leition.com/", /* 圖片訪問路徑字首 */ "imagePathFormat": "upload/image/{yyyy}{mm}{dd}/

關於富文字編輯器—UEditor（java版）的使用，以及如何將UEditor的檔案/圖片上傳路徑改成絕對路徑

突然發現好久沒寫部落格了，感覺變懶了，是要讓自己養成經常寫文章的習慣才行。既可以分享自己的所學，和所想，和大家一起討論，發現自己的不足的問題。 大家可能經常會用到富文字編輯器，今天我要說的是UEditor的使用，這是一個簡單易用的開源富文字編輯器。但是對於沒有用過的同學而言還是需要稍微瞭解一下的。 可能有些人

UEditor ASP.NET圖片上傳功能配置

轉自：http://www.cnblogs.com/bibi-feiniaoyuan/p/5807040.html 1、官網下載 UEditor .Net最新版：官方網址：http://ueditor.baidu.com/website/download.html#uedi

YII中Ueditor富文字編輯器檔案和圖片上傳的配置

將Ueditor整合到YII框架中後，參照editor_config.js中的toolbars中的內容，更改options中標籤可以給編輯器新增想要的功能： 因此要想新增檔案和圖片上傳功能，應該加入以下兩個標籤： 文字編輯器中便出現了對應的兩個選項： 但是點選上傳圖片按

Ueditor自定義圖片上傳路徑，以及圖片回顯路徑

最近發現Ueditor有個小bug，每次圖片都上傳到專案路徑下，當重新發佈一個版本後，圖片就沒了，所以決心修改結構如下：1. 首先，進入config.json,修改如下：其他的都不改，只改選中部分，這個是圖片訪問路徑字首我們要關注的是【檔案訪問路徑】和【檔案上傳路徑】然後，分

ueditor圖片上傳，以及圖片路徑儲存進資料庫

前段時間一直忙於各種事，今天有點空也不是很困，就來寫寫文章吧，寫的東西如題 那麼我就按順序進行說明一下吧 先廢話一句吧，什麼ueditor? UEditor是由百度web前端研發部開發所見即所得富文字web編輯器，具有輕量，可

ASP版百度ueditor圖片上傳提示“上傳失敗，請重試”解決辦法

在本地測試可以正常上傳，但是上傳到虛擬空間裡就不行了，可以試試這樣解決，把ueditor的asp資料夾裡面的uploader.class.asp檔案裡的CheckOrCreatePath過程修改如下： Private Function CheckOrCreate

改變dede圖片上傳路徑（商品-縮圖）去掉/allimg/ymd/

include\common.inc.phpline185://上傳的普通圖片的路徑,建議按預設//lyy $cfg_image_dir = $cfg_medias_dir.'/allimg';$cfg

百度UEditor圖片上傳或檔案上傳路徑自定義

最近在專案中使用到百度UEditor的圖片以及檔案上傳功能，但在上傳的時候路徑總是按照預設規則來自動生成，不方便一些特殊檔案的維護。於是開始檢視文件和原始碼，其實操作還是比較簡單的，具體如下： 1、百度UEditor檔案上傳路徑設定引數存放在config.json檔案中，如下圖所示，其中imagePathF

Java-Maven專案引入UEditor圖片上傳元件jar包類庫的5種方式

專案用Maven管理jar包，用到了UEditor的jar包。專案原來直接使用UEditor的原始碼，編譯部署後，正常。 後來用的是jar包，放到WEB-INF目錄的lib包下，預設情況下，Maven不會把lib包加入到Classpath中，需要手動加入。 線上Maven

KindEditor圖片上傳路徑URL的處理

最近的專案中使用了KindEditor作為富文字編輯器進行文字編輯處理。KindEditor 是一套開源的線上HTML編輯器，主要用於讓使用者在網站上獲得所見即所得編輯效果，開發人員可以用 KindEditor 把傳統的多行文字輸入框(textarea)替換為視覺化的富文

FCK 編輯器 圖片上傳路徑修改

修改路徑 include\fck\editor\filemanager\connectors\php\config.php 修改地方 $Config['UserFilesPath'] = QFWEB.'eng/uploads/' ;

Dedecmsv5.7整合ueditor 圖片上傳新增水印

最近的專案是做dedecmsv5.7的二次開發，被要求上傳的圖片要加水印，百度ueditor編輯器不支援自動加水印，所以，找了很多資料整合記錄一下，具體效果圖   這裡不仔細寫dedecmsv5.7 整合ueditor編輯器了   1、開啟ueditor目錄下的php目錄下的con

Ueditor圖片上傳設定(1.4.3 JSP版本)

最近研究了一下Ueditor，發現圖片上傳功能不能直接使用，需要修改一些東西，記下來以備參考。 1. 修改com.baidu.ueditor.hunter.FileManager類下的一個方法，修改如下： 原始碼： private String getPath ( File

UEditor 圖片上傳

在專案使用ueditor來實現圖片上傳的時候，遇到太多的坑！！ 現在來教大家如何避免 下載ueditor最新版，         最重要的就是這個config.json啦 上傳圖片首先要修改幾個地方

百度ueditor圖片上傳到OSS問題解決（付下載原始碼下載地址）

網路上面的例子有很多也比較雜：富文字編輯器基本都可以上傳圖片到阿里雲OSS伺服器上。用ueditor 點選單張上傳我大永州的早晨，1.這個時候看debug圖片是儲存在本地路徑下面的這樣存一重新整理就沒了，我們要存到oss伺服器上面2.十分關鍵的一步regex這一步匹配本地目錄

umeditor的jsp版本更改圖片上傳路徑的方法

網上找了很多資料，貌似很多都不是說明的很清楚了，為了方便自己今後使用，在這裡記錄一下： 1、下載umeditor的jsp包 2、將umeditor整個放入工程自定義位置 3、將Uploader.java放到工程自定義位置 4、修改imageUp.jsp中匯入的程式碼的位置：

django 自定義圖片上傳路徑和上傳檔名

圖片上傳中，如果不對上傳的檔名做處理，很容易引起檔名重複，這會覆蓋之前上傳的圖片，django提供了自定義上傳檔名的方法。 def generate_filename(self, instance, filename): """ Ap