onethink+PHP+Ajax实现多图片上传的插件分享，解决onethink图片上传兼容性

应用介绍

onethink插件下载群：181169545

解决onethink多图上传的插件。

之前用过的插件，感觉很多浏览器不兼容，所以修改过分享出来！
采用plupload.full.min.js插件
用于实现PHP+Ajax实现多图片上传的效果
用户只需要点击选择要上传的图片，然后图片自动上传到服务器上并立即显示在页面上。

附上后台控制器FileController.class.php 的图片上传函数，把原先的修改过，别的地方没变。

    /**
     * 多图上传
     * @author huajie <banhuajie@163.com>
     */
    public function uploadPictures(){
        //TODO: 用户登录检测

        /* 返回标准数据 */
        $return  = array('status' => 1, 'info' => '上传成功', 'data' => '');

        /* 调用文件上传组件上传文件 */
        $Picture = D('Picture');
        $pic_driver = C('PICTURE_UPLOAD_DRIVER');
        $info = $Picture->upload(
            $_FILES,
            C('PICTURE_UPLOAD'),
            C('PICTURE_UPLOAD_DRIVER'),
            C("UPLOAD_{$pic_driver}_CONFIG")
        ); //TODO:上传到远程服务器

        /* 记录图片信息 */
        if($info){
            $return['status'] = 1;
            $return = array_merge($info['file'], $return);
        } else {
            $return['status'] = 0;
            $return['info']   = $Picture->getError();
        }

        /* 返回JSON数据 */ $this->ajaxReturn($return);
    }

插件使用教程：

插件放在插件目录下：

插件目录找到插件，点击右侧安装插件即可

安装完成即可在插件钩子列表中看到：

然后在后台公共函数文件中加入以下配置：

'pluploadimages' =>  array('多图上传图片','varchar(255) NOT NULL'),   

在onethink后台系统-模型管理找到文章模型，编辑，设计，管理，新增多图字段，看下图，别的先不用填写也可以

在onethink后台系统-模型管理找到文章模型，编辑，设计中即可看到多图上传在列表中（怎么使用往下看）

现在使用钩子在我们的后台文章添加和文章编辑中调用插件，下面就不截图，直接放上代码放到相应的位置即可

add.html文件中放下面的代码：

<case value="pluploadimages">
    {:hook('PluploadImages',array('count'=>'10','name'=>'pluploadimages','value'=>''))}
</case>  

edite.html文件中放下面的代码：

<case value="pluploadimages">
    {:hook('PluploadImages', array('count'=>'10','name'=>'pluploadimages','value'=>$data[$field['name']]))}
</case>  

最后分类绑定了文章模型，在相应的分类中发布文章即可添加多图上传。

前端掉用和数据处理来看看效果吧！

后端显示效果（如果有别的需求，请进行插件优化）：