Сначала, пожалуйста, продумайте свой дизайн и убедитесь, что это действительно то, что вы хотите.Возможно, подойдет обычная система входа с защитой https или htaccess.
Если вы действительно хотите сделать это так, как вы описали, я бы сделал это следующим образом:
- преобразуйте изображения в формат base64 ( статья в Википедии ), потому что обработка двоичных данных с помощью JavaScript является мерзкой.
- , затем зашифруйте свои изображения с помощью AES и сильного ключа
- .в вашей базе данных
, когда клиент хочет получить доступ к изображениям, вы должны
- отправить зашифрованные изображения по HTTPS
- и позволить ему ввести ключ (или парольную фразу, которая будет хеширована (например, с помощью SHA512, для ключа) в поле ввода HTML и прочитайте его с помощью JavaScript
- , расшифруйте изображения с помощью библиотеки JavaScript AES, например, http://point -at-infinity.org/jsaes/
- изменить атрибут src вашего тега img на расшифрованный поток base64.