2014-02-18 6 views
3

Так что я не уверен, что это возможно, потому что я ничего не смог найти, но я хотел бы получить подтверждение.Скрытое значение img src

Можно ли скрыть значение src для тега img? Например: <img src="image.jpg" /> будет отображаться как <img src="" /> или каким-либо другим способом. Даже если пользователь щелкнет правой кнопкой мыши, чтобы получить URL-адрес изображения, я не хочу, чтобы он был восстановлен. Это вообще возможно?

У меня нет доступа к элементу head, и я не могу использовать Javascript или PHP. Я могу использовать только теги HTML, которые принимаются Markdown.

+2

Скрытие источника изображения является проигрышной битвой. Есть трюки, чтобы обмануть кого-то, кто не знает, что они делают, но если изображение отображается, вы можете сохранить его, если знаете, что делаете вообще, независимо от того, что вы делаете. –

ответ

5

Невозможно скрыть его через js/jquery или любой язык сценариев. Хотя есть твики и т. Д., Например, вы можете отключить right click или показать поддельное изображение src или установить изображение с помощью CSS background-image (таким образом, пользователь не сможет щелкнуть правой кнопкой мыши и сохранить изображение как), чтобы обмануть обычного пользователя;

<body oncontextmenu="return false"> 
</body> 

Что я понимаю, ваше желание состоит в том, чтобы ограничить пользователей кражей ваших изображений, спрятав источник изображения.Помните, что если пользователь может видеть изображение в своем браузере, то это означает, что пользователь загрузил изображение, и он уже находится на их компьютере. Это просто. Невозможно предотвратить кражу изображений.

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

Некоторые помогают ссылки для вас (вопросы, как ваша)

1) Protect image download 2) Restricting images from direct url download

4

Я предполагаю, что это было бы невозможно, так как изменение src с JavaScript изменило бы изображение. Кроме того, даже если вы были каким-то образом скрыть src от пользователя, он легко может быть извлечен ...

  • правой кнопкой мыши на изображение и нажав Копировать URL изображения вариант, что делает его, что гораздо труднее предотвратить просмотр пользователем источника изображения
  • Выполнение этого действия и нажатие Сохранить изображение как ....

Лучшее, что вы могли бы сделать, вероятно, было бы отключить щелчок правой кнопкой мыши, но это остановило бы почти никто, если бы они действительно хотели понять это. Скорее всего, еще больше способов, но, короче говоря, я бы сказал, что это невозможно.

0

Нет, это невозможно. Но вы можете ограничить правый щелчок на определенной области страницы, используя javascript/jquery.

4

Пока вы не можете полностью скрыть изображение (в частности, из инструментов dev и т. П.), Вы можете сбросить своего обычного человека. Лучший трюк, который я видел, по существу, создает прозрачный образ внутри div. Фактическое изображение затем помещается в фоновое изображение div. Таким образом, фактическое изображение находится только в файле css, и если вы щелкните правой кнопкой мыши по изображению и сохраните его, вы получите прозрачное изображение, которое может быть любым, сплошным черным, случайным текстом и т. Д.

http://jsfiddle.net/9V3v2/2/

Обратите внимание на скрипке, если вы щелкните правой кнопкой мыши на изображении сохранить (или открыть изображение в новой вкладке) это на самом деле другое изображение, чем тот, который вы видите.

<div> 
    <img src="http://FAKE-PLACEHOLDER-IMAGE-HERE"/> 
</div> 
img{ 
    width: 100%; 
    height: 100%; 
    opacity: .01; /* effectively transparent but still right-clickable */ 
} 

div{ 
    width: 500px; 
    height: 500px; 
    background-image: url(http://REAL-IMAGE-HERE); 
} 

Конечно, если вы знаете, как использовать Firebug или хром средства разработки, изображение все еще очень легко доступны.

0

Там нет никакого способа, вы можете предотвратить его downloading.But вы можете добавить твик так оно не будет легко достичь. Добавить изображение в качестве фона для данного раздела. Это сделает это. div { background-image: url (http://www.trafficsource.co.uk/wp- content/uploads/2015/02/section4-bg.jpg); }

Смежные вопросы