@uppy/utils/src/isDragDropSupported.ts

Shared utility functions for Uppy Core and plugins maintained by the Uppy team.

/**
 * Checks if the browser supports Drag & Drop (not supported on mobile devices, for example).
 */
export default function isDragDropSupported(): boolean {
  if (typeof window === 'undefined') {
    return false
  }

  const body = document.body

  // sometimes happens in the wild: https://github.com/transloadit/uppy/issues/5953
  if (body == null || window == null) {
    return false
  }

  if (
    !('draggable' in body) ||
    !('ondragstart' in body) ||
    !('ondrop' in body)
  ) {
    return false
  }

  if (!('FormData' in window)) {
    return false
  }

  if (!('FileReader' in window)) {
    return false
  }

  return true
}