UE移植到SAE云平台

　　应用架在新浪的SAE上，而同时功能中又需要用上编辑器，鉴于百度的UEditor功能强大，可定制，文档全，所以理所当然的用它。而新浪把本地文件的IO操作禁止了，使得UEdiotr的图片上传、附件和在线涂鸦功能都不可用了。发布文章是不能够上传图片和附件 的，只能采用网络图片，甚至自己先将图片和附件上传到云上，然后再超链接使用，虽然也可以解决问题，但是挺不痛快的。后来随着对SAE有了更深入的了解之后，发现新浪提供了Storage来支持文件上传，下面我就利用SAE的Storage对UEditor进行简单的修改，同时不影响以后的使用。

1、首先在Storage中创建一个名为"upload"的domain；

2、找到UEditor中处理上传功能的文件上传类；

我用的UEditor版本是最新的1.2.3.0 PHP版本，在这个版本中，官方提供的PHP上传功能都统一通过调用ueditor/php/Uploader.class.php 里的Uploader来实现。打开该文件，在构造函数中我们看到upFile这个函数被调用来实现上传。注意到upFile里面的这部分代码，大概第91行至97行处：

 $this->fullName = $this->getFolder() . '/'. $this->getName();
 if( $this->stateInfo == $this->stateMap[ 0 ] ) {
     if(!move_uploaded_file($file[ "tmp_name"],$this->fullName)) {
         $this->stateInfo = $this->getStateInfo( "MOVE");
     }
 }

　　显然move_upload_file是不能用了，SAE提供了SaeStorage这个类来处理用户上传的文件，具体见该类文档：http://apidoc.sinaapp.com/sae/SaeStorage.html

我们把上面代码改成下面这个样子：

 $this->fullName = $this->getFolder() . '/'. $this->getName();
 if( $this->stateInfo == $this->stateMap[ 0 ] ) {
     if(!defined('SAE_TMP_PATH')){
         if( !move_uploaded_file( $file[ "tmp_name"] , $this->fullName ) ) {
             $this->stateInfo = $this->getStateInfo( "MOVE");
         }
     }
     else{
         $st=newSaeStorage();
         $url=$st->upload('upload',$this->fullName, $file[ "tmp_name"]);
         if(!$url){
             $this->stateInfo = $this->getStateInfo( "MOVE");
         }
         else{
             $this->fullName=$url;
         }
     }
 }

　　说 明：SAE_TMP_PATH是SAE平台上自动定义的常量，我们用它来判定是否是在SAE上（因为还要兼容其他开发环境），如果在SAE上，生成一个 SaeStorage对象，调用upload这个API，第一个参数是在SAE的Storage里创建的Domain，第二个参数是保存的文件名（可以包 含目录，如果目录不存在，Storage会自动创建），第三个参数则是文件的临时名。当图片上传成功后会返回图片的URL，我们直接 令$this->fullName=$url;这样程序就能返回图片的完整地址给UEditor了。

上面代码的第一行调用了getFolder，该方法源代码如下：

 privatefunctiongetFolder()
 {
     $pathStr= $this->config[ "savePath"];
     if( strrchr( $pathStr, "/") != "/") {
         $pathStr.= "/";
     }
     $pathStr.= date( "Ymd");
     if( !file_exists( $pathStr) ) {
         if( !mkdir( $pathStr, 0777 , true ) ) {
         returnfalse;
         }
     }
     return$pathStr;
 }

如果你有了解SAE上禁用函数和类，那你自然清楚mkdir在SAE上是不能用的！没关系，Storage它会自动帮我们创建目录，要对此做下改动，代码如下所示：

 privatefunctiongetFolder()
 {
     $pathStr= $this->config[ "savePath"];
     if( strrchr( $pathStr, "/") != "/") {
         $pathStr.= "/";
     }
     $pathStr.= date( "Ymd");
     if(!defined('SAE_TMP_PATH'))
     {
         if( !file_exists( $pathStr) ) {
             if( !mkdir( $pathStr, 0777 , true ) ) {
                 returnfalse;
             }
         }
     }
     return$pathStr;
 }

3、在editor_config.js中把所有的图片修正地址都改成""。

现 在我们传个图片试试，在Storage里面也能看到上传的文件，那说明文件成功上传了，但是在编辑器里面无法显示却裂了。看看链接的地址，原来 UEditor给我们的地址自动加上了图片修正地址。在editor_config.js中把所有的图片修正地址都改成""，如：

 ,imagePath:""          //图片修正地址，引用了fixedImagePath,如有特殊需求，可自行配置
 ,scrawlPath:""         //图片修正地址，同imagePath
 ,catcherPath:""        //图片修正地址，同imagePath
 ,imageManagerPath:""   //图片修正地址，同imagePath

然后清除缓存，重新上传个图片，这会编辑器中也能够显示图片。