В этой статье мы увидим, как определить загрузку изображения и как предотвратить загрузку изображения.
Всякий раз, когда контент загружен в Интернет, его могут просматривать все. Все могут копировать содержимое и использовать его. Это может быть полезно в некоторых случаях. Но обратите внимание на изображение профиля в социальной сети, нет необходимости загружать изображения. Но теперь его можно легко скачать. Давайте посмотрим, как изображения отображаются на данный момент и что можно использовать для скрытия URL-адреса изображения.
Как отобразить изображение на веб-сайте ?? 😬 😬
Есть несколько способов вывести изображение на сайт.
- Используя тег IMG
- Используя в качестве фонового изображения
1. С помощью тега IMG
Традиционным способом является использование тега img в HTML. В этом методе пользователь может загрузить изображение, просто щелкнув изображение.
2. С помощью фонового изображения
Чтобы решить проблему, описанную выше, мы можем установить изображение в качестве фона элемента, используя свойство фонового изображения в css.
Но оба вышеупомянутых метода показывают URL-адрес изображения в HTML ... В эту эпоху мы все знаем, как проверять элемент. Проверяя конкретный контейнер или тег изображения, мы можем получить URL-адрес изображения и легко загрузить изображение.
На многих веб-сайтах отключена функция щелчка правой кнопкой мыши для предотвращения кражи контента, но при отключении JavaScript в настройках браузера контент можно легко скопировать. 😟 😟
Facebook недавно представил функцию защиты изображения профиля от загрузки, но она также содержит много проблем 😢. Пользователю не разрешено загружать изображение профиля из пользовательского интерфейса, но у пользователя есть другие привилегии для проверки элемента и получения абсолютного URL-адреса изображения. Если мы скопируем URL-адрес изображения, мы сможем получить изображение в высоком разрешении. 😛
😠 😡 Можно ли вообще предотвратить ??
Да, мы можем .. С помощью Canvas в HTML5
Что такое холст? 😝 😝
Элемент HTML ‹canvas› используется для рисования графики "на лету" с помощью JavaScript.
Элемент ‹canvas› - это только контейнер для графики. Вы должны использовать JavaScript, чтобы рисовать графику.
В этом элементе ‹canvas› мы можем нарисовать 2D-изображение с помощью JavaScript.
Теперь при проверке элемента невозможно получить URL-адрес изображения .. 😆.Но теперь пользователь может загрузить изображение, щелкнув правой кнопкой мыши на холсте, мы можем отключить функцию щелчка правой кнопкой мыши с помощью JavaScript.
Если пользователь отключит JavaScript в браузере, изображение не будет отображаться… 😤 Теперь загрузка изображений запрещена. 😌
Некоторые могут подумать, что можно сделать снимок экрана и сохранить изображение ... Да, это правда, мы не можем предотвратить это, поскольку оно относится к системной функции 😢, но мы можем определить, копируется ли наш контент.
В случае клавиатуры Apple ... мы можем обнаружить снимок экрана, нажав Cmd + 3 или Cmd +4, а для другой клавиатуры существуют различные комбинации с клавишей печати экрана.
В случае рабочего стола мы можем использовать следующий код…
Для android
Действие ACTION_MEDIA_SCANNER_SCAN_FILE можно использовать для проверки того, что снимок экрана сделан из этого приложения.
Когда действие скриншота обнаружено, пользователь будет уведомлен. 👍 🙏 🙏