Example sharing of redirect upload and callback upload for PHP application Qiniu Cloud-PHP Tutorial-php.cn

Example sharing of redirect upload and callback upload for PHP application Qiniu Cloud

*文

Release： 2023-03-18 09:00:01

Original

3412 people have browsed it

In actual projects, limited by server capacity and bandwidth, uploading resources often requires the use of third-party object storage services. The more mainstream service providers in China include Qiniu Cloud, Alibaba, etc. This article uses Qiniu Cloud as an example to explain how to upload users' videos to the space of service providers such as Qiniu Cloud.

There are two main types of Qiniu Cloud upload:

Server-side upload

Front-end upload, and the front-end has two return methods:

1). Redirect return can solve the ajax cross-domain problem

2). Callback return, Qiniu Cloud first returns data to the server, and then Qiniu Cloud returns to the front end to solve the request method that does not support redirection, such as Mini program upload

#This time I used Qiniu Cloud PHP sdk;

composer require qiniu/php-sdk

Copy after login

This time I used the kindeditor editor.

Add config.php under Kindeditor/php mainly to configure parameters

<?php
error_reporting(0);
 
defined(&#39;ROOT_PATH&#39;) || define(&#39;ROOT_PATH&#39;, dirname(__DIR__).&#39;/&#39;);
defined(&#39;QINIU_ACCESS_KEY&#39;) || define(&#39;QINIU_ACCESS_KEY&#39;, &#39;&#39;);
defined(&#39;QINIU_SECRET_KEY&#39;) || define(&#39;QINIU_SECRET_KEY&#39;, &#39;&#39;);
defined(&#39;QINIU_TEST_BUCKET&#39;) || define(&#39;QINIU_TEST_BUCKET&#39;, &#39;七牛云空间名&#39;);
defined(&#39;QINIU_BUCKET_DOMAIN&#39;) || define(&#39;QINIU_BUCKET_DOMAIN&#39;, &#39;七牛云空间网址&#39;);
 
defined(&#39;CALLBACK_URL&#39;) || define(&#39;CALLBACK_URL&#39;, &#39;域名/kindeditor/php/callBack.php&#39;);
defined(&#39;RETURN_URL&#39;) || define(&#39;RETURN_URL&#39;, &#39;域名/kindeditor/php/returnBack.php&#39;);
 
require_once ROOT_PATH."vendor/autoload.php";

Copy after login

Add qiniu_token.php under Kindeditor/php mainly to generate token for uploading

<?php
use Qiniu\Auth;
 
require_once __DIR__."/config.php";
 
// 构建鉴权对象
$auth = new Auth(QINIU_ACCESS_KEY, QINIU_SECRET_KEY);
 
$data = [
    &#39;returnUrl&#39; => RETURN_URL,
];
if (isset($_REQUEST[&#39;is_call&#39;])) {
   $data = [
      &#39;callbackUrl&#39; => CALLBACK_URL,
      &#39;callbackBody&#39; => &#39;key=$(key)&hash=$(etag)&w=$(imageInfo.width)&h=$(imageInfo.height)&#39;
   ];
}
// 生成上传 Token
$token = $auth->uploadToken(QINIU_TEST_BUCKET, null, 3600, $data);
 
echo json_encode([
   &#39;error&#39; => 0,
   &#39;token&#39; => $token
]);

Copy after login

Add callBack.php under Kindeditor/php mainly to call back

<?php
use Qiniu\Auth;
 
require_once __DIR__."/config.php";
$_body = file_get_contents(&#39;php://input&#39;);
$auth = new Auth(QINIU_ACCESS_KEY, QINIU_SECRET_KEY);
//回调的contentType
$contentType = &#39;application/x-www-form-urlencoded&#39;;
//回调的签名信息，可以验证该回调是否来自七牛
$authorization = $_SERVER[&#39;HTTP_AUTHORIZATION&#39;];
$isQiniuCallback = $auth->verifyCallback($contentType, $authorization, CALLBACK_URL, $_body);
if (!$isQiniuCallback) {
    echo json_encode([
        &#39;error&#39; => 2,
        &#39;message&#39; => &#39;验证失败&#39;
    ]);
    die();
}
 
$body = $_POST;
$qiniu_url = QINIU_BUCKET_DOMAIN;
if (!empty($body[&#39;key&#39;])) {
    echo json_encode([
        &#39;error&#39; => 0,
        &#39;url&#39; => $qiniu_url.$body[&#39;key&#39;]
    ]);
    die();
}
echo json_encode([
    &#39;error&#39; => 1,
    &#39;message&#39; => &#39;视频上传出错&#39;
]);

Copy after login

Add returnBack under Kindeditor/php .php is mainly the redirect receiving address

<?php
use Qiniu\Auth;
 
require_once __DIR__."/config.php";
$upload_ret = base64_decode($_GET[&#39;upload_ret&#39;]);
$upload_ret = json_decode($upload_ret, true);
$qiniu_url = QINIU_BUCKET_DOMAIN;
if (!empty($upload_ret[&#39;key&#39;])) {
    echo json_encode([
        &#39;error&#39; => 0,
        &#39;url&#39; => $qiniu_url.$upload_ret[&#39;key&#39;]
    ]);
    die();
}
echo json_encode([
    &#39;error&#39; => 1,
    &#39;message&#39; => &#39;视频上传出错&#39;
]);

Copy after login

The next step is the front-end change. What I changed is video upload

Kindeditor/plugins/media/media. js

KindEditor.plugin(&#39;media&#39;, function(K) {
    var self = this, name = &#39;media&#39;, lang = self.lang(name + &#39;.&#39;),
        allowMediaUpload = K.undef(self.allowMediaUpload, true),
        allowFileManager = K.undef(self.allowFileManager, false),
        formatUploadUrl = K.undef(self.formatUploadUrl, true),
        extraParams = K.undef(self.extraFileUploadParams, {
            &#39;token&#39;: &#39;&#39;//添加token
        }),
        filePostName = K.undef(self.filePostName, &#39;file&#39;), //更改文件上传名
        uploadJson = K.undef(self.uploadJson, &#39;https://up.qbox.me&#39;); //更改上传地址，我用的时华东区的空间使用https
 
         
        ....
 
            function getQToken() {
                $.getJSON(&#39;/includes/kindeditor/php/qiniu_token.php&#39;, function (data) {
                    K(&#39;[name="token"]&#39;, div).val(data.token);
                });
            }
                        // 获取设置上传token
            getQToken();
 
            if (allowMediaUpload) {
                var uploadbutton = K.uploadbutton({
                    button : K(&#39;.ke-upload-button&#39;, div)[0],
                    fieldName : filePostName,
                    extraParams : extraParams,
                    url : uploadJson,//去除添加参数
                    afterUpload : function(data) {
            ...
});

Copy after login

This way you can upload videos to Qiniu Cloud.

Related recommendations:

Example of how the WeChat applet can connect to Qiniu Cloud Storage

Introduction to the example of uploading images in Laravel using Qiniu Cloud

yii2.0 oss Sample code

The above is the detailed content of Example sharing of redirect upload and callback upload for PHP application Qiniu Cloud. For more information, please follow other related articles on the PHP Chinese website!