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>  

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

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

后端显示效果(如果有别的需求,请进行插件优化):

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部