『ONETHINK』UploadImages插件上传图片

这篇文章是为 OT 开发的批量上传图片插件 UploadImages 的使用说明,算是 README 吧。

插件预览:

图片上传插件效果预览
图片上传插件效果预览

一. 插件介绍:

  1. 这是个用来批量上传图片的插件,由onethink框架中,Application/Admin/View/Category/edit.html,代码修改过来的

  2. 修改后的功能:上传后可以删除(只是前端),上传后放大预览图片大小适中,后台可获得所有上传的图片ID

  3. 插件只能在后台使用,前台使用,需要在Home文件夹中实现FileController方法,也就是Admin中的FileController类

  4. 测试环境:Apache/2.2.22 (Win64) PHP/5.4.3 ? ? ?OT版本:?1.0.131218

二. 插件安装步骤:

  1. 将uploadImages文件夹复制到Addons文件夹中

  2. 创建UploadImages钩子,字段填写如下(注意大小写):

创建UploadImages钩子,字段详情
创建UploadImages钩子,字段详情
  1. 回到插件列表,安装插件

  2. 在需要使用插件的地方,编辑代码{:hook(‘UploadImages’)}(需要模板继承ot自带模板,如未继承,则需要手动加载jq,img等资源)

5. 因为插件的JS代码会和Public/Admin/Js/common.js中的/上传图片预览弹出层/这部分代码冲突,所以需要删除这部分代码,这将会造成系统中上传图片模板无法放大预览(即是图片单击,弹出预览)。我们也正在修改这部分代码,相信在下一个版本中,能解决掉冲突问题。

三. 后台获取数据

  1. 后台接收时,只需要 I(‘post.icon’) 便能获取图片的id数组

  2. 如果需要从数据库中读取图片并在前端显示,使用$this->assign(‘picture’, $var);即可

  3. $var结构为:

显示时,array结构
显示时,array结构

四. 自定义插件信息

  1. 上传数量限制
限制上传数量
限制上传数量
  1. 上传路径修改(如果修改,后台上传的所有图片路径都改变)
图片上传路径的修改
图片上传路径的修改
  1. 后台获取数据的标识(修改的文件为插件中的upload.html,自定义下图指出的name值即可,注意有两处要改)
需要修改的name值1
需要修改的name值1
修改name值2
需要修改name值2
  1. assign时显示到前端的数组结构(修改的文件为插件中的upload.html)
需要修改的assign值
需要修改的assign值

 

五. 插件实现原理

http://www.brighttj.com/onethink/onethink-multiple-upload/

六. 下载地址

http://pan.baidu.com/s/1qW8oFSS?qq-pf-to=pcqq.c2c

《『ONETHINK』UploadImages插件上传图片》有12个想法

  1. 你好,很冒昧的打扰你,我用了你的插件后,反复阅读文档,但是还是显示HTTP Error错误,我不清楚是什么问题,希望能得到你的指导,谢谢你.

发表评论

电子邮件地址不会被公开。