一、前言

遊戲中圖片的上傳下載是一個亙古不變的話題，這次在開發遊戲伺服器的過程中也不可避免的出現了圖片下載和上傳的問題。遇到了PNG圖片下載完成後透明的部分變成黑色、圖片上傳附帶驗證資訊、下載後文件不一樣的問題。

二、問題回顧

伺服器上面儲存了一張完整的png圖片，圖片中有大片的透明部分。在圖片下載到本地後出現透明部分變成了黑色。我是用的是下面的方法：

String url = "http://IP:port/XXX.png";
WWW www = new WWW(url);
Texture2D image = www.texture;
byte[] imageByte = image.EncodeToPNG();
String
 
 outSavePaht = "本地路徑\XXX.png";
File.WriteAllBytes(outSavePaht, imageByte);

用這個方法下載下來的PNG圖片會出現透明部分黑掉。下載後會出現與上傳的圖片大小不一致的問題，這個問題後來使用了檔案校驗的方式來解決了。
圖片上傳的時候除了要傳送校驗方式還需要一併傳送相關的資料。最初的想法是要把相關的資訊在圖片中儲存（沒有分開），後面的解決方法是將圖片和資料再一次傳送中分開，做成一個數據封包。這樣做的效果顯著，順利的解決了我的問題。

三、一個可行的解決方案

1、圖片上傳（服務端接收）

這邊給一個測試用的表單，如下：

$this->show('<form action="__URL__/upload" enctype="multipart/form-data" method="post" >
<input type="file" name="img" />
<input type="submit" value="提交" >
</form>');

其中upload方法如下：

    public function upload(){
        $upload = new \Think\Upload();// 例項化上傳類
        $upload
 
->maxSize   =     3145728 ;// 設定附件上傳大小
        $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 設定附件上傳型別
        $upload->rootPath  =     './'; // 設定附件上傳根目錄
        $upload->savePath  =     'Uploads/'; // 設定附件上傳（子）目錄
        // 上傳檔案 
        $info   =   $upload->upload();
        if(!$info) {// 上傳錯誤提示錯誤資訊
            $this->error($upload->getError());
        }else{// 上傳成功
            $this->success('上傳成功！');
        }
    }

上傳成功後會將圖片儲存在根目錄下的Uploads資料夾下。客戶端的圖片上傳方法在第3點集中給出。

2、圖片下載

圖片下載後會在Unity3d中使用，這裡用C#程式碼來下載。

WebClient wc = new WebClient();
wc.Headers.Add("User-Agent", "Chrome");
wc.DownloadFile(tempUrl, outSavePaht);//tempUrl是圖片地址,outSavePath是圖片儲存的絕對的路徑

通過WebClient申明的物件wc來下載一張URL類似於http://IP:port/xxx.png儲存到本地類似於C:\xxx.png的路徑裡面。通過這個方法就可將網路圖片下載到本地，如果需要在linux環境下下載只需要修改儲存路徑就好。

3、上傳圖片時附帶其他資訊（包含圖片校驗資訊）

客戶端傳送一張圖片到伺服器，這張圖片我們想讓他與我們的使用者資訊進行有效關聯。這就會產生在傳送圖片的時候附帶傳送一些額外的資訊。Unity3d中提供了一個很好的表單方法，對這個表單進行合理使用是可以達到傳送圖片的同時附帶我們自定義的資訊的。下面演示一下：

FileStream fs = File.OpenRead(imagePath);
int len = (int)fs.Length;
byte[] b = new byte[len];
fs.Read(b, 0, len);
WWWForm form = new WWWForm();
form.AddField("info", infostr);
form.AddBinaryData("img", b, fileName.Trim(), "multipart/form-data");
WWW www = new WWW(url, form);

最後根據伺服器的返回值來判斷圖片的上傳情況，其中info欄位就是我們的自定義欄位，我現在的info是指的圖片校驗資訊。通過校驗資訊服務端就可以校驗圖片的真確性。

4、下載的圖片和上傳到伺服器的圖片大小不一致

這個問題的解決使用的是在第3點上傳附加資訊中的圖片校驗欄位資訊，我們可以在下載的時候將之前上傳的校驗資訊再讀取出來，對圖片進行二次校驗。如果校驗失敗可以再次下載。
這樣可以避免圖片下載出錯的問題。其實我跟換下載方式後就沒有出現過這種問題了。這裡只是列出來，使用最初的下載方式會帶來的影響。

四、結束語

如果對文章有疑問可以通過郵箱[email protected]與我一起探討。
也可以加入QQ群137163838,開源我們的思維，點亮整個世界！。