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方法 */
技术支持
邮箱 : admin@widuu.com
Ueditor结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新的更多相关文章
- C#/.net七牛云存储上传图片(文件)操作
七牛云存储官方: C#SDK(http://developer.qiniu.com/docs/v6/sdk/csharp-sdk.html) 注册成为标准用户就可获得:10GB永久免费存储空间/ 每月 ...
- PHP+七牛云存储上传图片代码片段
2014年11月14日 16:37:51 第一段代码是上传单个图片的,第二个是上传多个图片的 //上传到七牛 //单个文件 //formname: 表单名字; pre: 图片Url中显示的图片名字(也 ...
- ueditor上传图片到七牛云存储(form api,java)
转:http://my.oschina.net/duoduo3369/blog/174655 ueditor上传图片到七牛云存储 ueditor结合七牛传图片 七牛的试炼 开发前的准备与注意事项说明 ...
- JavaWeb结合七牛云存储搭建个人相册服务
JavaWeb结合七牛云存储搭建个人相册服务 一.引言1. 课程概述 相信很多人都知道网站一般会有很多图片,对于小型网站来说,图片放在网站服务器上不算什么,但当图片数量很大时,会造成服务器很臃肿,相应 ...
- Django项目使用七牛云存储图片
Django项目使用七牛云存储图片 最近,写了一个django项目,想在项目中使用七牛云存储上传图片,在网上搜索到django-qiniu-storage,查看文档,按步骤居然设置成功了. 安装 1 ...
- 【UEditor】远程上传图片到【七牛云存储】
杂谈:最近在玩一个第三方的微信开发平台,里面的图片都是上传到[七牛云存储]的,用了一下非常的好用,支持各种语言,SDK齐全.支持全分布式系统架构以及存储技术和数据加速,于是决定将网站的图片都存储到七牛 ...
- 用ueditor上传图片、文件等到七牛云存储
ueditor上传文件,是用数据流的形式上传的. 而七牛云存储官方文档中,只提供了文件路径上传的方式. 但是,仅仅是在官方文档中写了这一种方式. 事实上,利用VS的对象管理器,打开Qiniu的dll, ...
- python+ueditor+七牛云存储整合
开发环境:python pyramid. 參考网址:http://developer.qiniu.com/docs/v6/sdk/python-sdk.html,http://my.oschina.n ...
- BAE Flask UEditor 使用七牛云
1. 配置BAE支持七牛云的SDK BAE的python requirements当然不支持竞争对手了. 解决方法: 把qiniu这个文件包直接放置在你项目的目录中(与其他app同级) 运行会发现缺少 ...
随机推荐
- 【Vue学习笔记1】基于Vue2.2.6版本
记录一下自己关于Vue学习的过程,便于以后归纳整理以及复习. 1.下载引用vue.js 下载: npm install vue ,然后引用. 或直接线上引用: <script src=" ...
- 如何让搜索引擎抓取AJAX内容?
越来越多的网站,开始采用"单页面结构"(Single-page application). 整个网站只有一张网页,采用Ajax技术,根据用户的输入,加载不同的内容. 这种做法的好处 ...
- 洛谷 P3629 [APIO2010]巡逻 解题报告
P3629 [APIO2010]巡逻 题目描述 在一个地区中有 n 个村庄,编号为 1, 2, ..., n.有 n – 1 条道路连接着这些村 庄,每条道路刚好连接两个村庄,从任何一个村庄,都可以通 ...
- String.format VS. StrSubstitutor VS. NamedParameterJdbcTemplate
在Java中,想要用一个字符串模块根据参数的不同来产生不同的字符串,主要有以下两种办法: Java String.format() 在JDK1.5中,String类新增了一个很有用的静态方法Strin ...
- 个推用户画像产品(个像)Android集成实践
我们团队之前一直是个推推送的忠实用户,近期个推新推出了产品“个像·用户画像”,刚好非常契合我们的业务需求,于是我们也试用了一下.总的来说效果还不错,这篇文章就为大家介绍一下如何从零开始快速集成个像An ...
- SQL Server 2016 的JSON功能
测试一下基本的,从查询结果里面构造一个json 的格式 create table t1(ID int identity,name nvarchar(50),Chinese int ,Math int) ...
- Kubernetes Service
目录 基本概念 服务发现与负载均衡 配置Service 创建一个ClusterIP类型的Service 创建一个指定ClusterIP的Service 创建一个headless service 创建一 ...
- 分布式锁--Redis小试牛刀
参考文章: Redis分布式锁的正确实现方式 分布式锁看这篇就够了 在这两篇文章的指引下亲测 Redis分布式锁 引言 分布式系统一定会存在CAP权衡问题,所以才会出现分布式锁 什么是CAP理论? 为 ...
- JMS之——ActiveMQ时抛出的错误Could not connect to broker URL-使用线程池解决高并发连接
转载请注明出处:http://blog.csdn.net/l1028386804/article/details/69046395 解决使用activemq时抛出的异常:javax.j ms.JMSE ...
- 一个中国地图的SVG,可以带参数
<script src="http://files.cnblogs.com/files/LoveOrHate/jquery.min.js"></script> ...