I can't make a file dialog pop up

Question

This is my code. I am running it in godot with JavaScript.eval() is it a problem with my code or the game engine?

var input = document.createElement("input");
input.type = "file";
input.id = "fileImporter";
document.body.appendChild(input);
input.click();

The code works perfectly fine when loaded through a web browser, I suggest it is something to do with running it with a game engine as you suggested. — Joshua Smart, Aug 26 '21 at 21:55
It could be a security restriction. See [here](https://stackoverflow.com/questions/793014/jquery-trigger-file-input) — devlin carnate, Aug 26 '21 at 21:56

score 0 · Answer 1 · answered Aug 26 '21 at 23:17

Depending on which browsers you are planning to support, you could consider using the showOpenFilePicker API.

Example: https://rightful-serious-cost.glitch.me/

<textarea></textarea>
<button>Open file</button>

async function handleOpenFile() {
  const [fileHandle] = await window.showOpenFilePicker({
    types: [
      {
        description: 'JSON document',
        accept: {
          'text/*': ['.json'],
        },
      },
    ],
    multiple: false,
  });
  const file = await fileHandle.getFile();
  const contents = await file.text();

  console.log(contents);
  document.querySelector('textarea').textContent = contents;
}

document.querySelector('button').addEventListener('click', () => handleOpenFile());

Source code: https://glitch.com/edit/#!/rightful-serious-cost?path=index.html%3A13%3A6

I can't make a file dialog pop up

1 Answers1