接到一个需求，审核页面显示客户端上传的图片。通常用Img标签从 Web 服务器上获取图片，并把它插入到页面中，但是需要确保图片与相关的网页在同一站点，否则浏览器找不到图像，会显示损坏的链接图标，解决方法如下：

1. 定义路径
   线上目录软链接到对方服务器的文件夹，线下自己建立测试用。

	if (RUN_ENVIRONMENT == 'ONLINE'){
	    define('ImgPath', '/Img/');
	}else{
	    define('ImgPath', '/www/upfile/Img/');
	}

2. 同目录下文件 showImg.php，用file_get_contents读取图片的字节流，设置header为打印图片。

	/*获取Get传参*/
	$sFileName = $this->GetVal('imgname');
	if (empty($sFileName))
	{
	    exit();
	}
	/*获取文件*/
	$sFileName  = ImgPath . $sFileName;
	$sFileType  = substr(strrchr($sFileName, '.'), 1);
	/*注意文件后缀和MIME类型的区别*/
	if ($sFileType == 'jpg')
	{
	    $sFileType = 'jpeg';
	}

	/*判断文件是否存在*/
	if (file_exists($sFileName))
	{
	    $sFileRes = file_get_contents($sFileName);
	    header("Content-type: image/$sFileType");
	    echo $sFileRes;
	}
	else
	{
	    exit();
	}

通常会用 id 划分文件夹，最好对文件名做个校验，防止任意文件读取漏洞。

3. 后台拼接图片路径

	//图片路径
	$aResult['picnum'] = 0;
	if($aResult['pic'] != '')
	{
	    $aBlockPicArr = explode(',', $aResult[0]['blockpic']);
	    foreach($aBlockPicArr as $key => $pic)
	    {
	        //因为对方是windows服务器，所以我转换了反斜杠
	        $aResult['pic'.($key+1)] = "showImg.php?imgname=".str_replace('\\', '/', $pic);
	    }
	    $aResult['picnum'] = count($aBlockPicArr);
	}

4. 页面显示

	<div class="left">
	   <label for="">图片展示:</label>
	   <?php if($aReturn['picnum'] > 0) { 
	       for($i = 1; $i <= $aReturn['picnum']; $i++) {
	   ?>
		   <img style="max-width:1000px;cursor:pointer" 
		   src="<? echo $aReturn['pic'.$i]; ?>" 
		   onclick="window.open('<? echo $aReturn['pic'.$i]; ?>')">
	   <?php }} ?>
	</div>

这样图片就打印出来了。