bevy_web_file_drop 0.2.0

Bevy plugin adding better support for drag and drop files in the web.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

const dropped_files = [];

export function init() {
  const canvas = document.querySelector("canvas");

  canvas.addEventListener("dragover", (e) => {
    e.preventDefault();
  });

  canvas.addEventListener("dragenter", (e) => {
    e.preventDefault();
  });

  canvas.addEventListener("drop", (e) => {
    e.preventDefault();

    if (!e.dataTransfer || e.dataTransfer.files.length == 0) {
      console.warn("No files dropped");
      return;
    }

    const files = e.dataTransfer.files;
    for(let i = 0; i < files.length; i++) {
      const file = files[i];
      const ext = file.name.split(".").pop();
      const url = URL.createObjectURL(file);

      dropped_files.push([url, ext]);
    }
  });
}

export function next_dropped_file() {
  return dropped_files.shift();
}