php中如何實現(xiàn)照片旋轉(zhuǎn)-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)php中如何實現(xiàn)照片旋轉(zhuǎn) 的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司專注于隆回企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,購物商城網(wǎng)站建設(shè)。隆回網(wǎng)站建設(shè)公司,為隆回等地區(qū)提供建站服務(wù)。全流程按需求定制開發(fā)，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

前言

iPhone和一些數(shù)碼相機在拍照的時候往往會在圖片里面加入很多的照片信息（exif），比如拍照時間、光圈大小、曝光時間、GSP地理信息以及拍攝時相機傾斜狀態(tài)等等，這些信息往往會提供給某些系統(tǒng)來對圖片進行正確的顯示，但是我們在對處理圖片的時候通常會丟失掉那些圖片信息，這就會導(dǎo)致顯示出現(xiàn)問題，很典型的一個顯示錯誤就是對Iphone拍攝的照片進行剪裁之后發(fā)現(xiàn)圖片旋轉(zhuǎn)了90度，這個時候就需要對圖片進行相應(yīng)的處理。

背景

博主是在一個小項目中遇到的這個問題，這個項目雖然小，但是涉及到的各種坑真的可以寫一篇比較長的技術(shù)文章了，這里先不描述，后面單獨發(fā)一篇關(guān)于這個項目的文章，把所涉及到的知識點以及坑點一一描述。

這個小項目中遇到的問題之一就是，我需要使用html5的canvas把讀取到的圖片進行剪裁，然后渲染到畫布上。很簡單的一個需求，但是在Iphone上測試經(jīng)常會看到剪裁完之后圖片自動旋轉(zhuǎn)了90度，安卓機上不存在這個問題。

分析

之前就遇到過這個問題，iPhone拍攝的照片復(fù)制到win7上打開圖片就是一個倒過來的，而在手機上看卻沒有問題，這就是因為exif信息在搞鬼，簡單點說exif就是保留了圖片的拍攝參數(shù)，顯示的時候程序會讀取圖片的exif信息，如果exif信息不存在，那么圖片就是按照最原始的形式顯示，如果有exif信息，程序就會按照exif來。

這里博主遇到的情況是圖片在進行剪裁的時候?qū)е耬xif信息丟失，本來程序讀取exif中圖片要求順時針旋轉(zhuǎn)90°，現(xiàn)在exif丟失，程序讀不到，默認圖片不用旋轉(zhuǎn)，那么我們看到的圖片就是倒著的，這里應(yīng)該怎么解決呢？

在這個項目中，由于讀取的圖片存在跨域問題，不能直接對本地的圖片進行裁剪，所以是先上傳到遠程服務(wù)器，生成一個遠程的地址，然后再用canvas讀取遠程地址，這樣就解決了跨域問題。

現(xiàn)在擺在博主面前就有兩種解決方案了

  1. 只用exif.js本地讀取圖片的exif信息，直接在客戶端進行判斷

  2. 上傳到服務(wù)器的時候?qū)D片進行處理，返回的遠程地址已經(jīng)是處理過的圖片

對這兩種方案進行對比，第一種方案看起來確實挺適合，直接在前端進行處理，這里會非常節(jié)省服務(wù)器資源，但是缺點也很明顯，canvas對圖片的渲染有一定的限制，當圖片過大的時候渲染就會失敗，而在這個項目中客戶要求最后生成的圖片一定要高清大圖，上傳的照片一般都有3～5M大小，這么大的圖片大多數(shù)時候canvas都無法處理。

exif.js的原理其實比較簡單，就是把圖片轉(zhuǎn)換成base64字符串，對其中的信息進行解析，所以一旦要對大圖進行處理的時候就會出現(xiàn)問題，數(shù)據(jù)量太大，導(dǎo)致失敗。

第一種方案不可行就只能選擇第二種方案了，項目后端使用php做中轉(zhuǎn)處理，前面說了需要生成一個遠程地址，php負責把接收到的圖片存儲在遠程服務(wù)器，然后返回一個地址給前端，這里只需要在存儲之前對圖片做處理就可以解決這個問題。

解決

首先給出完整代碼，然后對代碼進行解釋

include_once ("../weixin/jssdk.php");
$jssdk = new JSSDK("wx**************", "******************************");
$access_token = $jssdk->getAccessToken();

$media_id = $_POST['i'];
$savePathFile = '/upload/temps/'.date('YmdHis').rand(1000,9999).'.jpg';
$targetName = __DIR__.$savePathFile;

$str = "/tupian/20230522/get
$image = imagecreatefromstring(file_get_contents($str));
$exif = exif_read_data($str);

if(!empty($exif['Orientation'])) {
 switch($exif['Orientation']) {
 case 8:
  $image = imagerotate($image,90,0);
  break;
 case 3:
  $image = imagerotate($image,180,0);
  break;
 case 6:
  $image = imagerotate($image,-90,0);
  break;
 }
}

imagejpeg($image,$targetName);
echo json_encode(array("code"=>0,'d'=>$exif['Orientation'],"path"=>$savePathFile));

看起來確實比較簡單，主要還是調(diào)用了一些內(nèi)部函數(shù)，處理起來就方便多了。


這個項目使用了微信的上傳接口，所以php需要從微信的臨時服務(wù)器上把用戶上傳的圖片取回來，通過file_get_contents方法就能快速拿到，當然也可以用curl來做。接著使用imagecreatefromstring創(chuàng)建一個圖片的緩存，正常情況下如果不需要對圖片進行處理，那么接下來就可以直接存儲了，這里我們還需要對圖片進行一些操作。

通過 exif_read_data 方法可以直接讀取到圖片的exif信息。

注意：exif_read_data 這個方法是exif擴展里面的方法，如果不能執(zhí)行，請檢查擴展是否安裝，是否開啟等。

exif模塊里面還有很多有意思的方法，可以拿來做很多有用的東西，比如拿來批量采集并分析圖片，提取圖片信息等。

if(!empty($exif['Orientation'])) {
 switch($exif['Orientation']) {
 case 8:
  $image = imagerotate($image,90,0);
  break;
 case 3:
  $image = imagerotate($image,180,0);
  break;
 case 6:
  $image = imagerotate($image,-90,0);
  break;
 }
}

這一段就很容易看懂了，就是判斷圖片的旋轉(zhuǎn)狀態(tài)，對圖片進行旋轉(zhuǎn)處理imagerotate方法很好用，當然同類的還有好多函數(shù)，可以去了解下，如果你正在做圖片處理，這些函數(shù)應(yīng)該會有很大的幫助。


最后使用 imagejpeg 方法把處理過的圖片寫入到磁盤，然后返回一個包含遠程地址的json到前端。

注意：我這里沒有做異常捕獲，正常情況下文件io操作都必須要做異常捕獲，這里的代碼只為了說明使用方法，所以省略了這一步。

總結(jié)

在這個小項目中，最為常見的問題就是在php函數(shù)的使用上，同一種效果可以使用多個函數(shù)進行處理，選擇一個簡潔高效的函數(shù)非常重要，在使用第三方擴展的時候務(wù)必確認擴展是否安裝，擴展依賴的插件是否安裝，是否已經(jīng)開啟，是否有其他額外的附加條件等。

前端方面需要知道所使用的js插件有那些附加功能，如果api文章不夠清晰可以直接打開插件源碼，通常情況下，一個出色的插件往往會在未壓縮的代碼里面寫明所有接口的使用方法，以及注意事項，使用條件等。

此外，還需要對不常見的情況進行判定，當出現(xiàn)一些詭異bug的時候就應(yīng)該考慮是否是因為當前所給的參數(shù)不符合規(guī)范，或者超出了規(guī)范允許的范圍，上面說道的圖片轉(zhuǎn)base64格式的大小限制就是一個很難被發(fā)現(xiàn)的問題，博主在調(diào)試的時候?qū)ι傻臄?shù)據(jù)進行觀察才發(fā)現(xiàn)，當出現(xiàn)大圖的時候就會轉(zhuǎn)換失敗。

感謝各位的閱讀！關(guān)于“php中如何實現(xiàn)照片旋轉(zhuǎn) ”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)站欄目：php中如何實現(xiàn)照片旋轉(zhuǎn)-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://muchs.cn/article48/dhshep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、建站公司、外貿(mào)建站、面包屑導(dǎo)航、云服務(wù)器、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站