Есть ли способ скрыть URL изображения от обычного пользователя?

Question

Я пытаюсь понять, как можно скрыть URL-адрес изображения при просмотре консоли или исходного кода.

Я видел, как другие спрашивали об этом, чтобы пользователи не могли загружать изображения, но этоэто не проблема - на самом деле они должны иметь возможность загружать / сохранять изображения.

Настоящая причина в том, что мои пользователи загружают изображения с моего сайта в стороннюю службу хранения, такую ​​как cloudinary.Я не хочу, чтобы пользователи знали, куда идут изображения, потому что боюсь, что они могут манипулировать данными, отправленными или полученными.Это всего лишь дополнительная мера безопасности, даже после проверки того, что отправленные / полученные изображения действительно являются URL-адресами изображений, а не вредоносным кодом или чем-либо еще.

Что вы рекомендуете скрывать URL-адреса в консоли?У меня совершенно нет идей о том, с чего начать.

Чтобы уточнить: пользователь нажимает «поиск файлов» на моем веб-сайте, затем нажимает «загрузить».Файлы передаются в облачное хранилище для хранения.Затем мой веб-сайт получает URL-адреса изображений из облачного хранилища, сохраняет URL-адрес в моей базе данных и отображает их в полях div в профиле пользователя.Примерно так:

<div class="listing_img" style="background-image:url('.$img_url.');"></div>

Где $ img_url - это строка из базы данных.

Вроде как сайт для хранения изображений, но не совсем, люди не придут на мой сайтдля хранения изображений.На любом этапе пользователи не смогут увидеть, на какой URL-адрес API отправляются их изображения, если, конечно, они не увидят «img src = akdklasdjakl» в консоли браузера.

Я не уверен, что этоэто правильный подход, но это не кажется плохой идеей.

Answer 1

Вы можете попытаться использовать data-uri для добавления данных изображения, а не URL-адреса изображения - как это было бы для встроенных изображений.Итак, в CSS вы можете попробовать:

style="background:url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKu..... etc) no-repeat;"

Например:

Это использует удаленное изображение, но вы можете использовать локальные пути к файлам - даже те, которые находятся вне корневого каталога документа.

    $source='http://jumanjipets.co.uk/wp-content/uploads/2018/02/koi.jpg';
    $contents=file_get_contents( $source );

    printf( "<img src='data:image/jpeg;base64, %s' />", base64_encode( $contents ) );