: Redirecting image hotlink to the article the image was used on; where/how to store the connecting information? I have an app in node.js and I want to make a route that redirects all hotlinks

@Eichhorn148

Here are some .htaccess rules that will do the redirect you want:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+.)?mysite.example.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule img/that-image.jpg$ /blog/archives/2013/article-slug/ [R]


You would need a set of these rewrite rules for each of your images to redirect them to the correct place. If you have lots of articles, that probably would not perform well. Hundreds of rewrite rules can really slow down a server.

Alternately, you could create a front controller for your image directory and serve the images programmatically.

Even then, I wouldn't recommend this approach. If the images are hot linked from another site it <img> tags, the other site will see broken links. Instead of redirecting to the article, I would recommend redirecting to a "hotlinking forbidden" gif. That way users see a relevant error message.

Vote Up Vote Down

@Candy875

If what you mean is making a link between the image and the article, then you could include your image in a link:

<a href="/my/url/to/my/article.html">
<img src="/my/url/to/my/image.png" width="42" height="42">
</a>


When people click on your image, they would be directed to the corresponding article.

Vote Up Vote Down