🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
本插件集成了七牛传功能,用户只要简单的配置即可实现, 1.在[第三方存储配置](第三方存储配置)qiniu.php中按要求配置相关配置项 ## Applications/config/qiniu.php 说明:本文档多维数组用.隔开表示,如redis.host 表示$redis['host']。 | 配置项 | 类型 | 是否需要重新填写 | 说明 | |---|---|---|---| | type | string | 否 | 上传类型值写死qiniu | | data_url | string | 否 | 上传时携带请求参数地址(七牛token获取)填写/index/getqntoken即可| | app_key | string | 是 | 七牛ak请在个人中心 > 密钥管理中获取 > AK | | secret_key | string | 是 | 七牛sk请在个人中心 > 密钥管理中获取 > SK | | bucket | string | 是 | 存储空间名 | | uploadurl | string | 是 | 上传地址华东 https://upload.qiniup.com','华北 https://upload-z1.qiniup.com','华南 https://upload-z2.qiniup.com','北美 https://upload-na0.qiniup.com', '东南亚 https://upload-as0.qiniup.com' | | cdnurl | string | 是 | 存储文件访问域名 | | savekey | string | 否 | 文件名保存规则 | | expire | string | 否 | token有效时长(秒) | | maxsize | string | 否 | 最大上传限制 | | mimetype | string | 否 | 可上传类型多个用,隔开mimetype格式 | 2.在[系统核心配置](系统核心配置)config.php配置中配置项web.up_load内容为'qiniu' 配置完成后手机端聊天文件和聊天图片会直接上传到七牛。 3.然后在PC端html页面加入以下代码 ``` <script> var im_config= { token: { url:''//第一步的token请求接口地址 ,type:'post'//请求方式 ,dataType:'json' //请求格式类型,一般为json } ,url_domain : ' ' //webserver地址(非80/443端口需要带着端口号) http://或https://开头 ,dataType:"jsonp" //ajax请求接口(不包括上传文件和图片data获取接口及token接口)返回格式默认json 不跨域可不填 这里一般会跨域无需改动 ,socketHost:'' //webSocket连接地址 即gateway地址(需要带着端口号),gateway服务器开启ssl以wss://开头,未开启以ws://开头 //七牛上传配置start //上传图片接口(返回的数据格式见下文) , uploadImage: { url: "" //上传地址同上面配置的uploadurl ,up_way:"qiniu" //上传方式 写死qiniu ,data_url:{url:'webserver地址域名(非80/443端口需要带着端口号)/index/getqntoken',type:'post',dataType:'jsonp'} //附带参数请求地址 {code:0,message:'',data:{'':""}} code0成功 code 1失败 message错误信息 data上传附带的参数 会传给done回调函数 } //上传文件接口(返回的数据格式见下文) , uploadFile: { url: '' //上传地址同上面配置的uploadurl ,up_way:"qiniu" //上传方式 写死qiniu ,data_url:{url:'webserver地址域名(非80/443端口需要带着端口号)/index/getqntoken',type:'post',dataType:'jsonp'} //附带参数请求地址 {code:0,message:'',data:{'':""}} code0成功 code 1失败 message错误信息 data上传附带的参数 会传给done回调函数 } //七牛上传配置end } function myDefined(Layui,layer,layim,$,socket){ //自定义js处理请写在这里 可直接使用Layui;lay;socket和$ 注:jQuery版本为jQuery1.11最稳定的一个版本 } </script> <script src="webserver地址域名(非80/443端口需要带着端口号)/public/dist/js/common.js" charset="utf-8"></script> ``` 这样PC端和手机端的聊天文件和聊天图片都上传到七牛了。