Можно ли предотвратить копирование / перемещение (перетаскивание в веб-приложении) изображения через веб-приложение?

Question

Можно ли предотвратить перетаскивание (перемещение / копирование) изображения или любого файла через веб-приложение.

для примера: я открыл свое веб-приложение и выбрал системное изображение и поместил его вЭто веб-приложение открывает изображение в полном размере и отображает URL в виде файла: /// C: /Users/Public/Pictures/Sample%20Pictures/Chrysanthemum.jpg

Я хочу предотвратить это.

Возможно ли, если да, то каким образом JS, если нет, то в чем причина?

Answer 1

 $(document).bind({
 dragenter: function (e) {
     e.stopPropagation();
  e.preventDefault();
  var dt = e.originalEvent.dataTransfer;
 dt.effectAllowed = dt.dropEffect = 'none';
},
dragover: function (e) {
  e.stopPropagation();
  e.preventDefault();
  var dt = e.originalEvent.dataTransfer;
  dt.effectAllowed = dt.dropEffect = 'none';
}
});

проверьте эту ссылку: http://jsfiddle.net/andreymir/H3RR7/light/

Answer 2

Вы должны вставить следующий код в заголовок вашего HTML-документа, то есть между тегами.

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Disable 
function disableselect(e){ 
return false 
} 

function reEnable(){ 
return true 
} 

//if IE4+ 
document.onselectstart=new Function ("return false") 
document.oncontextmenu=new Function ("return false") 
//if NS6 
if (window.sidebar){ 
document.onmousedown=disableselect 
document.onclick=reEnable 
} 
//--> 
</script>

Answer 3

Событие onbeforeunload вызывается, когда пользователь пытается покинуть текущую страницу. Я тестировал его на Chrome, Firefox и IE 9 - он срабатывает также, если пользователь уронил файл в окно. Так что это может работать на вас. Это зависит от Javascript, который явно не включен. Так что не надейся на это.

например. с JQuery:

$(function(){
    $(window).bind('beforeunload', function(){
        return 'Really leave page?';
    });
});

Он также срабатывает, если пользователь уходит со страницы, поэтому на практике это может быть немного неудобно.