kindeditor 加入七牛云上传的实例讲解
七牛云上传主要有两种：
服务端上传
前端上传，前端又分两种返回方式：
1).重定向返回，可以解决ajax跨域的问题
2).回调返回，七牛云先向服务端要返回数据，再由七牛云返回前端，解决不支持重定向的请求方式，比如小程序上传
本次使用的是七牛云phpsdk；
composerrequireqiniu/php-sdk
在Kindeditor/php下添加config.php主要是配置参数
在Kindeditor/php下添加qiniu_token.php主要是生成上传用的token
RETURN_URL, ]; if(isset($_REQUEST['is_call'])){ $data=[ 'callbackUrl'=>CALLBACK_URL, 'callbackBody'=>'key=$(key)&hash=$(etag)&w=$(imageInfo.width)&h=$(imageInfo.height)' ]; } //生成上传Token $token=$auth->uploadToken(QINIU_TEST_BUCKET,null,3600,$data); echojson_encode([ 'error'=>0, 'token'=>$token ]);在Kindeditor/php下添加callBack.php主要是回调用
verifyCallback($contentType,$authorization,CALLBACK_URL,$_body); if(!$isQiniuCallback){ echojson_encode([ 'error'=>2, 'message'=>'验证失败' ]); die(); } $body=$_POST; $qiniu_url=QINIU_BUCKET_DOMAIN; if(!empty($body['key'])){ echojson_encode([ 'error'=>0, 'url'=>$qiniu_url.$body['key'] ]); die(); } echojson_encode([ 'error'=>1, 'message'=>'视频上传出错' ]);在Kindeditor/php下添加returnBack.php主要是重定向接收地址
0, 'url'=>$qiniu_url.$upload_ret['key'] ]); die(); } echojson_encode([ 'error'=>1, 'message'=>'视频上传出错' ]);接下来是前端更改，我改的时视频上传
Kindeditor/plugins/media/media.js
KindEditor.plugin('media',function(K){ varself=this,name='media',lang=self.lang(name+'.'), allowMediaUpload=K.undef(self.allowMediaUpload,true), allowFileManager=K.undef(self.allowFileManager,false), formatUploadUrl=K.undef(self.formatUploadUrl,true), extraParams=K.undef(self.extraFileUploadParams,{ 'token':''//添加token }), filePostName=K.undef(self.filePostName,'file'),//更改文件上传名 uploadJson=K.undef(self.uploadJson,'https://up.qbox.me');//更改上传地址，我用的时华东区的空间使用https .... functiongetQToken(){ $.getJSON('/includes/kindeditor/php/qiniu_token.php',function(data){ K('[name="token"]',div).val(data.token); }); } //获取设置上传token getQToken(); if(allowMediaUpload){ varuploadbutton=K.uploadbutton({ button:K('.ke-upload-button',div)[0], fieldName:filePostName, extraParams:extraParams, url:uploadJson,//去除添加参数 afterUpload:function(data){ ... });这要就可以上传视频到七牛云了。
以上这篇kindeditor加入七牛云上传的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。