检测图像是否嵌入

Question

我开始编写自己的图像主机，但是有一个小问题：

如果您通过浏览器直接查看链接（例如Domain.com/img/123），我想显示一个HTML页面，如果您通过以下链接嵌入链接，则我想显示一个图像：

<img src="Domain.com/img/123">

方便使用。

是否可以检测该链接是直接查看还是该链接已嵌入PHP？

Answer 1

您可以将htaccess文件用于此目的：

当浏览器加载嵌入式图像时，他已经知道期望的格式，因此在请求文件时，会将信息添加到HTTP:Accept标头中。 （或至少将其缩小为任何图像类型）

如果浏览器正在直接访问文件（地址栏中的URL），则他不知道这一点，因此他会将text/html添加到HTTP:Accept Header。

从铬中提取：

直接： Accept text/html, application/xhtml+xml, */*

嵌入式： Accept image/png, image/svg+xml, image/*;q=0.8, */*;q=0.5

使用此信息来捕获直接访问的情况：下面的示例将把http://localhost/test/myimage.gif上的Access重定向到index.php?url=/test/myimage.gif 。

RewriteEngine on

RewriteCond %{REQUEST_URI} .*\.gif        # redirect gifs
RewriteCond %{REQUEST_URI} !.*index\.php  # make sure there is no loop
RewriteCond %{HTTP:Accept} .*text/html.*  # redirect direct access
RewriteRule (.*) http://localhost/test/index.php?url=$1 [R,L]  

另一个文件（例如http://localhost/test/test.php可以正确使用<img src="http://localhost/test/myimage.gif" />不会发生重定向，因为没有Accept: text/html发送。

请记住，这有点不好测试 ：将图像嵌入某个位置后，当您直接访问该图像时，浏览器缓存将不再加载数据。 因此，看起来直接访问是可能的。 但是，如果您按F5键刷新缓存的图像，则将应用重定向。 （请打开调试工具以禁用缓存）

---

更新资料

至于你的评论。 我忽略了您要使用人工网址随时显示图片的方法。 这改变了设计htaccess ofc的方式。

以下htaccess的行为应符合您的预期：

• 如果“请求Uri”以斜杠（仅后面跟数字）结尾（即/2537263 ），则认为它可以重写。
• 如果是直接访问（Http-Accept说text / html ），它将被重写为wrapperpage.php
• 如果它是嵌入式访问（HTTP-Accept表示不是 * text / html），它将被重写为image.php

htaccess：

RewriteEngine on

RewriteCond %{REQUEST_URI} /\d+$   
RewriteCond %{HTTP:Accept} .*text/html.*  
RewriteRule ^(.*?)$ http://localhost/test/wrapperpage.php?id=$1 [R,L]

RewriteCond %{REQUEST_URI} /\d+$   
RewriteCond %{HTTP:Accept} !.*text/html.*      
RewriteRule ^(.*?)$ http://localhost/test/image.php?id=$1 [R,L]

注意：如果省略[R]选项，则用户将看不到URL中反映的重定向。

我使用的示例页面代码：

wrapperpage.php：

THIS IS MY WRAPPER PAGE: 

<br />                   
<img src = "http://localhost/test/<?=$_GET["id"]?>" />
<br />

IMAGE IS WRAPPED.

image.php（您认为确定图片的逻辑在那里）

<?php

//Load Image
$id = $_GET["id"];

//pseudoloading based on id... 
// loading... 
// done. 
$image = imagecreatefromgif("apache_pb.gif"); 

//output image as png.
header("Content-type: image/png");
imagepng($image);

?>

所以：

• 浏览器中的http://localhost/test/1234 wrapperpage.php?id=1234 > wrapperpage.php?id=1234
• http://localhost/test/1234嵌入式-> image.php?id=1234
• http://localhost/test/image.php?id=1234 >返回png图像。