解决阿里云oss 图片跨域问题

绝地灬酷狼 2022-12-14 06:09 652阅读 0赞

前言：阿里云很坑。  
两种方法：  
一：  
在网址：https://oss.console.aliyun.com/bucket/oss-cn-shenzhen/img-design/permission/cors 上设置如下规  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQzMzk3MA_size_16_color_FFFFFF_t_70_pic_center]  
二：修改阿里云上传的方法

/**
     * 阿里云图片上传
     * @param $local_path   本地文件或临时文件路径
     * @param $aliyunImg    阿里云路径   可以带上目录
     * @param $ext          图片后缀\与上传图片保持一致
     * @return |null
     */
    function uploadAliyun( $local_path , $aliyunImg , $ext = 'jpg' )
    { 
        include_once $_SERVER['DOCUMENT_ROOT']."/../vendor/aliyun-oss-php-sdk-master/autoload.php";
        $aliyunInfo = db('aliyun_config')->find(1);
        $accessKeyId = $aliyunInfo['accessKey_id'];
        $accessKeySecret = $aliyunInfo['accessKey_secret'];
        $endpoint = 'oss-cn-shenzhen.aliyuncs.com';
        $bucket = 'img-ddeessign';
        $local_path = file_get_contents($local_path);
        try { 
            $ossClient = new \OSS\OssClient($accessKeyId, $accessKeySecret, $endpoint);
            $options = array(
                \OSS\OssClient::OSS_HEADERS => array(
                    'Cache-Control' => 'no-cache',
                    'Content-Type'=>'image/'. $ext
                ));
            $result = $ossClient->putObject($bucket, $aliyunImg, $local_path, $options);
            $root_path = 'img.7654321.ddeessign';
            $url = 'img-ddeessign.oss-cn-shenzhen.aliyuncs.com';
            return str_replace($url, $root_path, $result['info']['url']);
        } catch (\Exception $e) { 
            echo $e->getMessage();
            return null;
        }
    
    }

请注意：手动给图片添加’Cache-Control’ => ‘no-cache’,试下，一般都是谷歌的缓存造成的。  
参考：管理文件元信息  
[https://help.aliyun.com/document\_detail/88508.html?spm=a2c4g.11174283.6.1243.3ac67da2ty4ogv][https_help.aliyun.com_document_detail_88508.html_spm_a2c4g.11174283.6.1243.3ac67da2ty4ogv]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjQzMzk3MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/c42e23413dbf4fa8be2eb12dfed8a133.png
[https_help.aliyun.com_document_detail_88508.html_spm_a2c4g.11174283.6.1243.3ac67da2ty4ogv]: https://help.aliyun.com/document_detail/88508.html?spm=a2c4g.11174283.6.1243.3ac67da2ty4ogv