addDataTransfer doesn't work in Chrome

[MatthijsHartskeerl]

Using Chrome version: 90.0.4430.212

We're using version 2.8.22 of vue-upload-component, because we're not ready to move to Vue3 just yet. This version has a bug with addDataTransfer in Google Chrome.

When passing a DataTransfer object to the addDataTransfer function in Chrome nothing happens because the function tries to get a FileSystemFileEntry object but it gets a File object instead. The getEntry function can't deal with a File object and so nothing happens. This works fine on FireFox.

If in the getEntry function you add an else if after the if (entry.isFile) which looks something like the following it probably works again:

else if (entry instanceof File) {
  resolve([
    {
      size: entry.size,
      name: path + entry.name,
      type: entry.type,
      file: entry,
    }
  ])
}