php阿里云oss文件上传

php的文件上传

文件上传

php的文件上传放在了$_FILES数组里，单文件和多文件上传的区别在于$_FILES['userfile']['name']是否为数组，

不熟悉的可以读一下官方文档单文件上传、多文件上传

阿里云oss web直传实践

这里采用的是服务端签名后上传，没有使用回调。

阿里云提供了一个php和前端的示例，不过有点坑人，前端采用的是plupload插件，这种demo应该使用原生js更合适啊，毕竟上传的js插件各不相同。

使用jquery的ajax上传时，始终上传失败，于是用fiddler抓包demo，才知道了上传给oss的详细参数格式。

吐槽完毕，下面才是正式上菜。

服务端生成policy，这里使用php

下面的代码是从官方demo修改而来，可以通过Facade模式增加静态方法，方便调用。

注意dir目录不能使用"/"开始。下面的签名算法来自阿里云的demo。

<?php

class OssPolicy

{

    private $oss_bucket ;

    private $oss_host;

    private $oss_appid;

    private $oss_appsecret;

    private $oss_expire ;//过期时间

    /**

     * OssPolicy constructor.

     * @param $bucket 阿里云oss的bucket

     * @param $host 对应bucket的host

     * @param $appId app_id

     * @param $appSecret app_secret

     * @param int $expire 过期时间

     */

    public function __construct($bucket,$host,$appId,$appSecret,$expire=900) {

        $this->oss_expire = $expire;

        $this->oss_bucket = $bucket;

        $this->oss_host = $host;

        $this->oss_appid = $appId;

        $this->oss_appsecret = $appSecret;

    }

    private function gmt_iso8601($time) {

        $dtStr = date("c", $time); //格式为2016-12-27T09:10:11+08:00

        $mydatetime = new DateTime($dtStr);

        $expiration = $mydatetime->format(DateTime::ISO8601); //格式为2016-12-27T09:12:32+0800

        $pos = strpos($expiration, '+');

        $expiration = substr($expiration, 0, $pos);//格式为2016-12-27T09:12:32

        return $expiration."Z";

    }

    /**

     * @function getPolicy 获取policy

     * @author

     * @version 1.0

     * @date

     * @param $dir 上传目录

     * @param $maxSize 最大文件大小 单位M

     * @param int $expireTime 过期时间

     * @return $array policy

     */

    public function getPolicy($dir,$maxSize=100,$expireTime=null){

        $expireTime = isset($expireTime) ? $expireTime : $this->oss_expire;

        $end = time() + $expireTime;

        $expiration = $this->gmt_iso8601($end);

        $conditions = [];

        $conditions[] = array(0=>'content-length-range', 1=>0, 2=>1024*1024*$maxSize); // 最大文件大小.用户可以自己设置 100M

        $start = array(0=>'starts-with', 1=>'$key', 2=>$dir); //表示用户上传的数据,必须是以$dir开始, 不然上传会失败,这一步不是必须项,只是为了安全起见,防止用户通过policy上传到别人的目录

        $conditions[] = $start;

        $arr = array('expiration'=>$expiration,'conditions'=>$conditions);

        $policy = json_encode($arr);

        $base64_policy = base64_encode($policy);

        $string_to_sign = $base64_policy;

        $signature = base64_encode(hash_hmac('sha1', $string_to_sign, $this->oss_appsecret, true));

        $response = array();

        $response['accessid'] = $this->oss_appid;

        $response['host'] = $this->oss_host;

        $response['policy'] = $base64_policy;

        $response['signature'] = $signature;

        $response['expire'] = $end;

        $response['bucket'] = $this->oss_bucket;

        $response['dir'] = $dir;  //这个参数是设置用户上传指定的前缀

        return $response;

    }

}

前端

过程想后端请求policy，上传到阿里云，成功后通知后端

不要问我代码为啥这么乱，我不生产代码，我只是代码的搬运工(从阿里云demo里搬出来，稍加修改)

在用表单提交时，注册一下提交处理的函数，取出文件，然后OssUpload()即可。

oss_accessid = ''

oss_accessoss_key = ''

oss_host = ''

oss_policyBase64 = ''

oss_signature = ''

oss_callbackbody = ''

oss_filename = ''

oss_key = ''

oss_expire = 0

g_object_name = ''

g_object_name_type = 'local_name'

OSS_FILE_NAME_TYPE_LOCAL = "local_name"

OSS_FILE_NAME_TYPE_RANDOM = "random_name"

oss_now = oss_timestamp = Date.parse(new Date()) / 1000;

//向服务端请求policy

function send_request() {

}

//生成签名

function get_oss_signature() {

    //可以判断当前oss_expire是否超过了当前时间,如果超过了当前时间,就重新取一下.3s 做为缓冲

    oss_now = oss_timestamp = Date.parse(new Date()) / 1000;

    if (oss_expire < oss_now + 3) {

        body = send_request()

        var obj = eval("(" + body + ")");

        oss_host = obj['host']

        oss_policyBase64 = obj['policy']

        oss_accessid = obj['accessid']

        oss_signature = obj['signature']

        oss_expire = parseInt(obj['expire'])

        oss_callbackbody = obj['callback']

        oss_key = obj['dir']

    }

}

//随机字符串

function random_string(len) {

    len = len || 32;

    var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';

    var maxPos = chars.length;

    var str = '';

    for (i = 0; i < len; i++) {

        str += chars.charAt(Math.floor(Math.random() * maxPos));

    }

    return str;

}

//获取文件名后缀

function get_suffix(filename) {

    pos = filename.lastIndexOf('.')

    suffix = ''

    if (pos != -1) {

        suffix = filename.substring(pos)

    }

    return suffix;

}

//根据文件名类型 临时文件还是原始文件名，返回文件名

function calculate_object_name(filename) {

    if (g_object_name_type == 'local_name') {

        g_object_name = oss_key + "${filename}"

    }

    else if (g_object_name_type == 'random_name') {

        suffix = get_suffix(filename)

        g_object_name = oss_key + random_string(10) + suffix

    }

    return ''

}

//把policy填充到Formdata里

function set_upload_param(file) {

    get_oss_signature()

    if (file) {

        calculate_object_name(file.name);

        var res = {

            'key': g_object_name,

            'policy': oss_policyBase64,

            'OSSAccessKeyId': oss_accessid,

            'success_action_status': '200', //让服务端返回200,不然，默认会返回204

//                'callback': oss_callbackbody,

            'signature': oss_signature,

        };

        var form_data = new FormData();

        for ( var key in res ) {

            form_data.append(key, res[key]);

        }

        form_data.append("file",file);

        return res;

    }

    return false;

}

//上传到阿里云 callBack 是用来在上传成功后通知服务端

function OssUpload( file,fileNameType,callBack) {

    g_object_name_type = fileNameType;

    var form_data = set_upload_param(file.name);

    if(!form_data){

        alert("form_data error")

        return

    }

    var fileFullName = oss_host+form_data.get("key");

    $.ajax({

        url: oss_host,

        data: form_data,

        processData: false,

        cache: false,

        async: false,

        type:'POST',

        contentType: false,//这个就是了

        success: function (data, textStatus, request) {

            //textStatus === "success" 表示成功

            if(typeof callBack === "function") {

                callBack(fileFullName,form_data.get("policy"),textStatus);

            }

        },

        error : function(responseStr) {

            if(typeof callBack === "function") {

                callBack(fileFullName,form_data.get("policy"),responseStr.responseText);

            }

        }

    });

}

巴特西

php阿里云oss文件上传

文件上传

阿里云oss web直传实践

最新文章

热门文章