Как использовать событие jQuery для выгрузки файлов, загруженных с рабочего стола?

Можно ли использовать событие jQuery для перетаскивания файлов с рабочего стола?

Если да, как я могу получить данные об удаленных файлах?

Это немного грязно (вам нужно обрабатывать как минимум 3 события), но возможно.

Во-первых, вам нужно добавить обработчики событий для dragover и dragenter и предотвратить действия по умолчанию для этих событий:

 $('#div').on( 'dragover', function(e) { e.preventDefault(); e.stopPropagation(); } ) $('#div').on( 'dragenter', function(e) { e.preventDefault(); e.stopPropagation(); } ) 

Затем вы можете добавить обработчик drop и e.originalEvent.dataTransfer.files файлы с e.originalEvent.dataTransfer.files файла e.originalEvent.dataTransfer.files :

 $('#div').on( 'drop', function(e){ if(e.originalEvent.dataTransfer && e.originalEvent.dataTransfer.files.length) { e.preventDefault(); e.stopPropagation(); /*UPLOAD FILES HERE*/ upload(e.originalEvent.dataTransfer.files); } } ); 

Теперь вы можете перетаскивать файлы с рабочего стола / проводника / искателя в div и получать к ним доступ.

http://jsfiddle.net/fSA4N/5/

  • Селектор jQuery для метки флажка
  • Различия между document.ready и $ function
  • Как выбрать элемент, который сфокусирован на нем с помощью jQuery
  • Не удалось загрузить Google в iframe в fancybox
  • Как отобразить выбранный элемент в раскрывающемся списке кнопки Bootstrap
  • Самый простой способ создать каскадное выпадающее меню ASP.NET MVC 3 с помощью C #
  • Не обнаружено никаких результатов при автозаполнении jQuery UI
  • В чем разница между jQuery: text () и html ()?
  • jQuery validator и настраиваемое правило, использующее AJAX
  • Пример Basic Simple Asp.net + jQuery + JSON
  • jQuery ui перетаскиваемые элементы не «перетаскиваются» вне прокрутки div
  • Давайте будем гением компьютера.