Я хочу отображать изображения на html, но не хочу устанавливать атрибут src на полный URL. Beacase image src url может отображаться браузерами для отладки окон, и я хочу скрыть их от клиента.
Я обслуживаю изображение через wcf-сервер.
Я попытался использовать холсты, но toDataUrl выдает ошибку безопасности во многих браузерах. Есть ли другой способ скрыть URL от клиента. Это лучший подход?
Вы можете вставлять свои изображения, конвертируя их в формат base 64 непосредственно в свой css/html...
Неважно, скрываете ли вы источник, и я даже не знаю, возможно ли это. Если пользователь достаточно умен, чтобы открыть инспектора, чтобы найти источник, он может просто щелкнуть изображение правой кнопкой мыши и скопировать адрес ссылки.
<?php
$file = "Tom-and-Jerry.jpg";
if($fp = fopen($file,"rb", 0))
{
$imgContent = fread($fp,filesize($file));
fclose($fp);
$imgBase64Content = base64_encode($imgContent);
}
?>
<img src="data:image/jpeg;base64,<?php echo $imgBase64Content?>" alt="Tom & Jerry"/>