分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

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

发布时间:2023-09-06 01:22责任编辑:白小东关键词:上传图片

最新下载地址:

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结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新

原文地址:http://www.cnblogs.com/kenshinobiy/p/7783228.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved