關於UEditor遠程圖片上傳失敗的解決辦法

來源:互聯網
上載者:User

  因為單純喜歡 UEditor 的介面,於是把項目中原先的編輯器進行的替換,但在後續操作中發現一些問題,就是遠程圖片上傳。

  遠程圖片上傳是個很有意思的東西,比如你從別的網站複製一段檔案,如果文字中帶有圖片,編輯器會自動將圖片提取出來,進行上傳,從而不用擔心遠程圖片失效後,自己本地也無法瀏覽。

  通過檢查,發現遠程圖片上傳的操作頁面是:getRemoteImage.php 。開啟後我們先配置 savePath ,因為不同使用者使用,需要存放到不同的目錄,以免混亂,也方便管理

  修改後代碼:

    //遠程抓取圖片配置if(isset($_SESSION['admin'])){$myPath = 'http://www.cnblogs.com/../dofiles/ueditorUpload/admin/'.$_SESSION['admin']['id'].'/';}else if(isset($_SESSION['user'])){$myPath = 'http://www.cnblogs.com/../dofiles/ueditorUpload/user/'.$_SESSION['user']['id'].'/';}else{$myPath = 'http://www.cnblogs.com/../dofiles/ueditorUpload/unkonw/';}    $config = array(        "savePath" => $myPath ,            //儲存路徑        "allowFiles" => array( ".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp" ) , //檔案允許格式        "maxSize" => 3000                    //檔案大小限制,單位KB    );

  然後問題就來了,UEditor 裡,檔案、圖片上傳都是通過 Uploader.class.php 這個php類操作的,但遠程圖片上傳則不是。

  我在85行發現,建立路徑的時候,單純的使用了mkdir進行來建立,因為mkdir不能建立帶有層級的路徑,所以導致在路徑如果不存在的情況下,複製遠程圖片上傳失敗。

  知道問題處理起來就容易了,我先寫一個迴圈建立檔案目錄的函數(因為之前寫過,這裡就直接拿來用了):

    //連續建立帶層級的檔案夾    function recursive_mkdir($folder){        $folder = preg_split( "/[\\\\\/]/" , $folder );        $mkfolder = '';        for($i=0; isset($folder[$i]); $i++){            if(!strlen(trim($folder[$i]))){                continue;            }            $mkfolder .= $folder[$i];            if(!is_dir($mkfolder)){                mkdir("$mkfolder",0777);            }            $mkfolder .= DIRECTORY_SEPARATOR;        }    }

  然後修改85行:

    //建立儲存位置    $savePath = $config[ 'savePath' ];    if ( !file_exists( $savePath ) ) {        recursive_mkdir($savePath);        //mkdir( "$savePath" , 0777 );    }

  這樣一來,就沒有問題了。

  這問題也已經提交給百度官方,希望修正。

  測試UEditor版本為1.2.3.0,如果之前版本也有相關問題,按照修改思路去修改應該也可以解決。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.