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

本文涉及的产品
.cn 域名,1个 12个月
简介: 最新下载地址:https://github.com/widuu/qiniu_ueditor_1.4.3Ueditor七牛云存储版本注意事项 老版本请查看 : https://github.com/widuu/qiniu_ueditor_1.

最新下载地址:

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方法 */

技术支持

邮箱 : admin@widuu.com


 

如何联系我:【万里虎】www.bravetiger.cn 【QQ】3396726884 (咨询问题100元起,帮助解决问题500元起) 【博客】http://www.cnblogs.com/kenshinobiy/
目录
相关文章
|
7月前
|
前端开发
表单设计器附件的上传、显示和下载
表单设计器附件的上传、显示和下载
46 1
表单设计器附件的上传、显示和下载
|
7月前
|
API 数据库 数据安全/隐私保护
蓝奏云直链获取在线解析网站源码
蓝奏云直链获取在线解析网站源码 蓝奏云链接解析 本地API接口 支持有无密码和短期直链和永久直链,同时还可以显示文件名和大小。 这个解析器无需数据库即可搭建,API接口已经本地化,非常简单易用。
140 2
蓝奏云直链获取在线解析网站源码
|
7月前
|
前端开发
前端实现视频或者图片直链下载
前端实现视频或者图片直链下载
248 0
|
前端开发 JavaScript
uniapp上传图片至服务器,获得在线图片链接预览(实战)
uniapp上传图片至服务器,获得在线图片链接预览(实战)
445 0
|
JavaScript 前端开发
pdf.js插件使用记录,在线打开pdf
原文:pdf.js插件使用记录,在线打开pdf 天记录一个js库:pdf.js。主要是实现在线打开pdf功能。因为项目需求需要能在线查看pdf文档,所以就研究了一下这个控件。 有些人很好奇,在线打开pdf文档浏览器不是支持吗。
2506 0
使用APICloud实现文档下载和预览功能
使用 APICloud 开发 app 时,可以使用 api.download 方法实现下载;预览文档可以使用 superFile 模块。superFile 模块封装了基于腾讯浏览服务 TBS,使用 X5Webkit 内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。
493 0
APICloud 实现文档下载和预览功能
文档下载是很多app,尤其是企业应用中常用的功能。使用APICloud开发app时,可以使用api.download方法实现下载;预览文档可以使用superFile 模块。superFile 模块封装了基于腾讯浏览服务TBS,使用X5Webkit内核,实现文件的展示功能,支持多种文件格式(PDF、Word、Execl、TXT、PPT)。
318 0
APICloud 实现文档下载和预览功能
|
PHP 数据格式 XML
给微赞程序富文本编辑器加上传附件功能
微赞程序中,新闻编辑中,使用的ueditor,做了定制,去掉了一些按钮,但是一些情况下需要上传附件 如果给ueditor加上上传附件的图标,富文本编辑的调用是使用了以下函数的 function tpl_ueditor($id, $value = '', $options = array()) { 函数所在位置在/web/common/tpl.func.php这个文件中约985
2359 0
|
存储 对象存储 前端开发
七牛云存储开发图片上传功能
1、注册登录七牛云,并实名认证,对象存储控制台,新增bucket存储空间 2、nodejs服务器安装npm install qiniu --save const common = require('.
1012 0
|
Web App开发 内存技术
百度编辑器图片上传功能解疑
 最头疼的上传图片问题 版本选择和自定义配置  项目中使用了百度编辑器ueditor,这里是官网链接,效果还算不错,使用中的一些经验,分享在这里。 我使用的环境是.NET MVC3 最头疼的上传图片问题 ueditor自带了图片上传功能,原理也是使用flash上传。
1522 0