HTML Como posso bloquear as fotos serem acessadas diretamente/externalmente?

[Arthur Guillermo]

Bom pensei no .htaccess porém não faço a minima de ideia, gostaria de bloquear o acesso as fotos pelos links (Link/foto.png) por servidores externos, somente o servidor localhost poderá solicitar o arquivo, quero fazer para ter que passar pelo login para ter acesso as fotos, alguém saberia me ajudar? Tentei com .htaccess da maneira:

<FilesMatch \.(?i:gif|jpe?g|png)$>
    Order allow,deny
    Deny from all
    Allow from localhost
</FilesMatch>

Porém ele bloqueia tudo :v gostaria que fosse de acordo com o login, e só pelo site do login...

(Será que deixaria brecha de inserir no elemento a imagem e isso liberar o acesso ao arquivo?)

[jothaz]

A forma mais segura e mais complicada e trabalhosa seria salvar a fotos no seu banco de dados.

 

Contudo isso vai depender do seu cenário.

[DiF]

@Arthur Guillermo Tenta desta forma no htaccess.

 

RewriteEngine on 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?localhost [NC] 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?localhost.*$ [NC] 
RewriteRule \.(gif|jpg)$ - [F]

Fonte: https://stackoverflow.com/questions/10236717/how-to-prevent-a-file-from-direct-url-access

[Arthur Guillermo]

@DiF Ainda consigo acessar externamente, e acessar o arquivo colocando na url..

:v gostaria que fosse só no site possível poder acessar esses arquivos (Para implementar o sistema de login para ter acesso a as imagens)

 

Se tiver outra maneira também posso tentar..

 

@DiF Bom procurando um pouco mais de forma diferente consegui achar o codigo que faz o que eu quero, porém.... estou enfrentando o problema da vulnerabilidade que eu disse, se a pessoa inserir pelo editor de elementos pode simplesmente conseguir visualizar a imagem...

 

Codigo que encontrei:

RewriteEngine on 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?link [NC] 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?link.*$ [NC] 
RewriteRule \.(gif|jpg)$ - [F]