js: как скрыть/склеить src изображения?

Question

Я ищу способ скрыть/склеить изображение src. Это викторина и имя изображения содержит решение Ex: <img src="solution.jpg">

решение будет encode64 изображение, но это довольно тяжелое решение. Предложение не должно быть на 100% безопасным, просто избегайте четко показывать «solution.jpg» src

Answer 1

Лучшим решением является сохранение пути к файлу в базе данных и обслуживание его по запросу. Пример использования PHP будет

HTML

<img src="get-image.php?id=2653" /> 

PHP

// get image path from database 
... 

// output 
header("Content-type: image/jpeg") // change format accordingly 
header('Content-Length: ' . filesize($filepath)); 
ob_clean(); 
flush(); 
readfile($filepath); 
die(); 

Answer 2

Я знаю, что это не PHP вопрос, но вы можете создать PHP скрипт, который будет читать файл на основе md5 хэш. В начале основного сценария вы сохраните хэш в сессии:

session_start() 
$time = array_sum(explode(' ', microtime())); 
$_SESSION['hash'] = md5($time); 

и в PHP скрипт, который используется для изображения

<img src="script.php?hash=<MD5 HASH>"/> 

проверить, если $ _GET [ «хэш»] равно значению от сессии:

session_start(); 
if (isset($_GET['hash']) && isset($_SESSION['hash']) && 
    $_GET['hash'] == $_SESSION['hash']) { 
    header("Content-type: image/jpeg"); 
    echo file_get_contents('your hidden image.jpg'); 
}