Ueditor结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新

最新下载地址:

https://github.com/widuu/qiniu_ueditor_1.4.3

Ueditor七牛云存储版本

注意事项 老版本请查看 : https://github.com/widuu/qiniu_ueditor_1.4.3/tree/v1.0.0

关于地址报错

请修改 php/config.json 中的 uploadQiniuUrl 和 ChunkUploadQiniuUrl 参数,因为最近反馈地区错误报错比较多,举个简单的例子华南地区修改如下

"uploadQiniuUrl"     : "http://up-z2.qiniu.com/", /* 七牛上传地址 */
"ChunkUploadQiniuUrl": "http://up-z2.qiniu.com", /* 分片上传创建的host地址 */

具体地区的上传URL请查看七牛官方存储区域,地址:https://developer.qiniu.com/kodo/manual/1671/region-endpoint

新版本说明

注意:新版本不兼容老版本,网上整合教程现在最多的是老版本,如果查看的是网站教程请点击老版本地址来下载老版本

新增

  • 采用Ueditor官方最新版本【1.4.3.3】版本
  • 重构了上传方法,可以随意切换本地上传和上传到七牛
  • 增加了文件删除方法,可以自由删除文件
  • 支持二次开发,添加其它的上传方式如 aliyun OSS
  • 通过七牛 fetch 功能来抓取远程图片
  • 新增上传模式,[直传|服务器上传],服务器上传是通过上传到服务器的临时文件再上传到七牛
  • 大视频分片上传到七牛[2017/7/17]

修复

  • 修复同时上传不同文件夹同名称文件丢失问题,修复多文件同时上传丢失问题
  • 使用 fetch 方法来抓取远程图片
  • 修复老版本在线管理限定的1000个文件列表
  • 列表分页通过七牛传输的 marker 来进行查找分页

配置

配置两个文件,一个是 php 的配置文件 config.php 和 Ueditor 的配置文件 config.json ,默认的配置文件都在 php目录下。

本地上传配置

修改 config.php

‘upload_type‘ => ‘local‘,  // local 是上传到本地服务器
‘orderby‘     => ‘asc‘,    // 可选项 [desc|asc]列出文件的排序方式,此配置仅支持本地服务器
‘root_path‘	  => $_SERVER[‘DOCUMENT_ROOT‘],  // 本地上传的根目录地址

修改 config.json

"uploadType" : "local", /* qiniu|local 【qiniu】七牛云存储 【local】本地上传*/

上传文件名称和保存路径可修改 config.json 中的配置信息,按照官网的配置就可以

上传到七牛云存储

修改 config.php

‘upload_type‘ => ‘qiniu‘,    // qiniu 上传到七牛云存储服务器
/* 七牛云存储信息配置 */
‘bucket‘      => ‘gitwiduu‘, // 七牛Bucket的名称
‘host‘        => ‘http://gitwiduu.u.qiniudn.com‘, // 七牛绑定的域名
‘access_key‘  => ‘KUN6xYZlOAtid2MjHm90-6VFY2M7HC90ijDH4uOR‘, // 七牛的access_key
‘secret_key‘  => ‘D-K57TE5hPe3krexftxLWFKmL2xbQEKA-mtkrUfB‘, // 七牛的secret_key

/* 上传配置 */
‘timeout‘     => ‘3600‘,  // 上传时间
‘save_type‘   => ‘date‘,  // 保存类型

/* 水印设置 */
‘use_water‘   => false,  // 是否开启水印
/* 七牛水印图片地址 */
‘water_url‘   => ‘http://gitwiduu.u.qiniudn.com/ueditor-bg.png‘,

/* 水印显示设置 */
‘dissolve‘    => 50,  // 水印透明度
‘gravity‘	  => ‘SouthEast‘,  // 水印位置具体见文档图片说明和选项
‘dx‘		  => 10,  //边距横向位置
‘dy‘		  => 10   //边距纵向位置

修改 config.json

/* 七牛云存储配置start */
"uploadType" 	   : "qiniu",  /*  [qiniu]七牛云存储 */
"qiniuUploadType"  : "url",    /*  [url|php] url 通过URL直传,根据token来判断返回地址, php 通过php文件方式传输 */
"uploadQiniuUrl"   : "http://upload.qiniu.com/", /* 七牛上传地址 */
"qiniuUploadPath"  : "uploads/",   /* 七牛上传的前缀 */
"qiniuDatePath"    : "mmdd",       /* 自定义文件夹后的时间例如 uploads/0712 留空uploads/, 格式 yyyy == 2017 yy == 17 mm 月份 07 dd 日期 12 */
"uploadSaveType"   : "date",       /* 保存文件的名称类型 */
"getTokenActionName" : "getToken", /* 获取 Token 的方法 */

大视频分片上传

修改 config.json

"VideoBlockFileSize" : 4194304,  /* 视频块大小,是每块4MB,所以这个不用修改 */
"VideoChunkFileSize" : 2097152,  /* 视频上传分块大小,建议是整数倍防止出错,列如1048576(1MB),524288(512KB)默认是2MB */
"VideoChunkMaxSize"  : 10485760, /* 视频文件超过多大来进行分片上传,现在默认是10MB */
"ChunkUploadQiniuUrl": "http://upload.qiniu.com", /* 分块上传的首块上传域名为:上传到华东一区的域名为up.qiniu.com、up-z0.qiniu.com和upload.qiniu.com;上传到华北一区的域名为up-z1.qiniu.com和upload-z1.qiniu.com */
"makeFileActionName" : "makeFile",  /* 合成文件的url方法 */

技术支持

邮箱 : [email protected]



Ueditor结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新

时间: 2024-10-27 21:16:11

Ueditor结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新的相关文章

PHP+七牛云存储上传图片代码片段

2014年11月14日 16:37:51 第一段代码是上传单个图片的,第二个是上传多个图片的 1 //上传到七牛 2 //单个文件 3 //formname: 表单名字; pre: 图片Url中显示的图片名字(也就是七牛中的key) 4 public function upImage($formname, $pre) 5 { 6 if (empty($_FILES[$formname]['size'])) { 7 return array( 8 'qiniu_name' => '000', 9

ueditor上传图片到七牛云存储(form api,java)

转:http://my.oschina.net/duoduo3369/blog/174655 ueditor上传图片到七牛云存储 ueditor结合七牛传图片 七牛的试炼 开发前的准备与注意事项说明 Let's rock 与ueditor结合前的准备工作 首先从表单开始 生成token 建立图片空间 生成token 上传流程 集成ueditor 将ueditor中的图片模块的在线管理功能和七牛结合 ueditor上传图片到七牛云存储 重要说明,本人已不做java多年,请不要加qq再问我java的

七牛云存储android客户端及java服务端代码编写

前一篇博客提到让我很伤心的c应用,由于是一款供用户上传图片的应用,因此必须解决图片存储问题,如果直接将图片存储至服务器,当用户上传图片较多,服务器空间将很快吃紧,同时也没有那么大的带宽,现实中我买的阿里云服务器是最低配置,数据盘才20G,带宽才1M,如果用这样配置的服务器做图片存储,那实在太扯了.于是很自然的想到用图片云存储服务器,通过不断查找资料,最后将目标定位在七牛云和又拍云.在做选择时,主要对比了两者之间的价格及技术优势,也看了很多相关话题讨论,个人认为这两者无论从技术方案还是产品价格,都

JavaWeb结合七牛云存储搭建个人相册

JavaWeb结合七牛云存储搭建个人相册 一.引言 1. 课程概述 相信很多人都知道网站一般会有很多图片,对于小型网站来说,图片放在网站服务器上不算什么,但当图片数量很大时,会造成服务器很臃肿,相应地对带宽要求也会提高,这就造成了成本的增加.其实现在已经流行云存储,我们可以把图片.大文件等放到第三方提供的云存储服务上,这会减少一部分成本.这门课程就介绍了JavaWeb结合七牛云存储来搭建个人相册服务. 2. 预备知识 掌握Servlet+JSP,能了解Bootstrap更好. 二.Just Do

JavaWeb结合七牛云存储搭建个人相册服务

JavaWeb结合七牛云存储搭建个人相册服务 一.引言1. 课程概述 相信很多人都知道网站一般会有很多图片,对于小型网站来说,图片放在网站服务器上不算什么,但当图片数量很大时,会造成服务器很臃肿,相应地对带宽要求也会提高,这就造成了成本的增加.其实现在已经流行云存储,我们可以把图片.大文件等放到第三方提供的云存储服务上,这会减少一部分成本.这门课程就介绍了JavaWeb结合七牛云存储来搭建个人相册服务. 2. 预备知识 掌握Servlet+JSP,能了解Bootstrap更好. 二.Just D

【UEditor】远程上传图片到【七牛云存储】

明晚更新 尽情期待. [UEditor]远程上传图片到[七牛云存储],布布扣,bubuko.com

用ueditor上传图片、文件等到七牛云存储

ueditor上传文件,是用数据流的形式上传的. 而七牛云存储官方文档中,只提供了文件路径上传的方式. 但是,仅仅是在官方文档中写了这一种方式. 事实上,利用VS的对象管理器,打开Qiniu的dll,我们可以看到以下东西: 其实Qiniu提供的SDK中,是可以利用文件流上传文件的. 所以,根据官方文档提供的案例,我们可以将上传改写成下面的样子: /// <summary> /// 上传文件 /// </summary> /// <param name="key&qu

Kindeditor上传图片到七牛云存储插件(PHP版)

由于工作需要,要使用第三方存储作为图床,发现七牛云挺不错,又可以免费使用10G的空间,决定先试试. 项目中使用的是Kindeditor作为网页编辑器的,七牛云的插件里没有现成的Kindeditor的插件,开始是想看着官方提供的手册,自己开发下,结果不知道是我太笨还是手册太高深,结果愣是没看懂,后来迫于工作进度,差点决定要放弃Kindeditor使用Ueditor,毕竟有现成的插件可用,不过迫于对Kindeditor的热衷,最后还是坚持下来了,尽管没找到Kindeditor上传到七牛云的太多资料,

【Uploadify】远程上传图片到【七牛云存储】

1.下载Uploadify版本3.2.1 2.下载七牛SDK 解压后将 qiniu 文件夹copy到uploadify文件夹下 3.修改uploadify.php文件 <?php $verifyToken = md5('unique_salt' . $_POST['timestamp']); if (!empty($_FILES) && $_POST['token'] == $verifyToken) { $tempFile = $_FILES['Filedata']['tmp_na