解决：打开阿里云图片显示下载，而不是直接预览的问题

两种情况：
第一种非代码层，确实打不开，纯粹下载问题。必须强制绑定一个自己的二级域名即可，在你的顶级域名下面开一个二级域名，使用pic即可。
绑定域名地址：https://oss.console.aliyun.com/bucket/oss-cn-shenzhen/img-design/transfer/domain
此处不是域名解析那里，可以两个地方都绑定一样的。
处理结果：把图片链接前面的域名https://******.oss-cn-shenzhen.aliyuncs.com/ 这个替换为你的二级域名，类似于pic.baidu.com这种。

第二种情况：代码问题按以下思路解决。

第一种方式：

修改：OssClient.php文件中的 DEFAULT_CONTENT_TYPE的值为image/jpeg。

解释：CONTENT_TYPE在php SDK中设置的值是application/octet-stream ：二进制流数据（如常见的文件下载）。现在我们修改成 image/jpeg ：jpg图片格式。所以打开后就能直接预览了。

常见的Http请求中Content-Type：

常见的媒体格式类型如下：text/html ： HTML格式text/plain ：纯文本格式     text/xml ：  XML格式image/gif ：gif图片格式   image/jpeg ：jpg图片格式image/png：png图片格式
以application开头的媒体格式类型：application/xhtml+xml ：XHTML格式application/xml     ： XML数据格式application/atom+xml  ：Atom XML聚合格式   application/json    ： JSON数据格式application/pdf       ：pdf格式 application/msword  ： Word文档格式application/octet-stream ： 二进制流数据（如常见的文件下载）application/x-www-form-urlencoded ： <form encType=””>中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格式）multipart/form-data ： 需要在表单中进行文件上传时，就需要使用该格式

我们来看阿里云的核心上传代码：

/*** Uploads a local file** @param string $bucket bucket name* @param string $object object name* @param string $file local file path* @param array $options* @return null* @throws OssException*/public function uploadFile($bucket, $object, $file, $options = NULL){$this->precheckCommon($bucket, $object, $options);OssUtil::throwOssExceptionWithMessageIfEmpty($file, "file path is invalid");$file = OssUtil::encodePath($file);if (!file_exists($file)) {throw new OssException($file . " file does not exist");}$options[self::OSS_FILE_UPLOAD] = $file;$file_size = filesize($options[self::OSS_FILE_UPLOAD]);$is_check_md5 = $this->isCheckMD5($options);if ($is_check_md5) {$content_md5 = base64_encode(md5_file($options[self::OSS_FILE_UPLOAD], true));$options[self::OSS_CONTENT_MD5] = $content_md5;}if (!isset($options[self::OSS_CONTENT_TYPE])) {$options[self::OSS_CONTENT_TYPE] = $this->getMimeType($object, $file);}$options[self::OSS_METHOD] = self::OSS_HTTP_PUT;$options[self::OSS_BUCKET] = $bucket;$options[self::OSS_OBJECT] = $object;$options[self::OSS_CONTENT_LENGTH] = $file_size;$response = $this->auth($options);$result = new PutSetDeleteResult($response);return $result->getData();}

注意第二个参数￥object，和这行

 if (!isset($options[self::OSS_CONTENT_TYPE])) {$options[self::OSS_CONTENT_TYPE] = $this->getMimeType($object, $file);}

如果没有设置Content-Type，那么就走这里，来看getMimeType（$object, $file），

  private function getMimeType($object, $file = null){if (!is_null($file)) {$type = MimeTypes::getMimetype($file);if (!is_null($type)) {return $type;}}$type = MimeTypes::getMimetype($object);if (!is_null($type)) {return $type;}return self::DEFAULT_CONTENT_TYPE;}

这里很明显了，最后返回了什么，系统默认设置，也就是最初定义的常量的地方。
通过了解，我们明白了阿里云设置的默认图片上传格式是下载格式。

第二种方式：

我们将上传的方式修改一下，设置一下上传的Content-Type。
例如：

 /*** 阿里云图片上传* @param $local_path   本地文件或临时文件路径* @return |null*/public function uploadAliyun($local_path){require "../vendor/aliyun-oss-php-sdk-master/autoload.php";$accessKeyId = config('ALIYUN.accessKeyId');$accessKeySecret = config('ALIYUN.accessKeySecret');$endpoint = config('ALIYUN.endpoint');$bucket = config('ALIYUN.bucket');$aliyun_file = md5($local_path.time().rand(1,100000)).'.'.pathinfo($local_path,PATHINFO_EXTENSION);try {$ossClient = new \OSS\OssClient($accessKeyId, $accessKeySecret, $endpoint);$result = $ossClient->uploadFile($bucket, $aliyun_file, $local_path,['Content-Type'=>'image/jpg']);return $result['info']['url'];} catch (\Exception $e) {echo $e->getMessage();return null;}}

将函数$ossClient->uploadFile（）第四个参数设定成image/jpg即可。这种方式避免了修改源代码，不使用默认值从而达到预览图片的效果。

下面列出两种方式上传：自选一种必定行，第二个方式还是能防canvas跨域的方法

方法一：uploadFile

 /*** 阿里云图片上传* @param $local_path   本地文件或临时文件路径* @param $aliyunImg    阿里云路径* @param $ext          图片后缀* @return |null*/public function uploadAliyun($local_path,$aliyunImg,$ext){include_once $_SERVER['DOCUMENT_ROOT']."/vendor/aliyun-oss-php-sdk-master/autoload.php";$accessKeyId = 'LTAI4G27kVGxTdtw1ovvATE5';$accessKeySecret = '9HPp1wHOBQGzjnAqRfTz2VfiQxAv2t';$endpoint = 'oss-cn-shenzhen.aliyuncs.com';$bucket = 'hanlusir-shop';try {$ossClient = new \OSS\OssClient($accessKeyId, $accessKeySecret, $endpoint);$result = $ossClient->uploadFile($bucket, $aliyunImg, $local_path,['Content-Type'=>'image/'.$ext]);return $result['info']['url'];} catch (\Exception $e) {echo $e->getMessage();return null;}}

第二个参数阿里云路径可以写成带目录结构的，如果目录不存在的话，阿里云会自动创建目录。

方法二：putObject

/*** 阿里云图片上传* @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;}}