Multiple image upload does not work in Safari on iOS or macOS

[mjoras]

Detailed description of the problem

Uploading multiple images does not seem to work on either iOS or Android.

Steps to reproduce the issue

Try to upload a photo, select multiple.

What actually happens varies based on the browser. For Safari on iOS 12 it shows all of the images in the upload dialog, but only uploads/processes the first one and then hangs (with no output for other images).

Fiefox on Android simply only lets you select one image.

Chrome on Android lets you select one image, uploads it successfully, and then does nothing (but does not show the other images in the upload dialog like Safari).

Output of the diagnostics (Settings => Diagnostics)

Diagnostics
-----------
Warning: Dropbox import not working. No property for dropboxKey.
No critical problems found. Lychee should work without problems!


System Information
------------------
Lychee Version (json):  3.2.11
DB Version:             update_030211
System:                 Linux
PHP Version:            7.2
MySQL Version:          50505
Imagick:                1
Imagick Active:         1
Imagick Version:        1799
GD Version:             bundled (2.1.0 compatible)
Plugins:

Browser and system

Safari on iOS 12. Firefox 64 on Android. Chrome 71 on Android.

[d7415]

Probably related to/duplicate of #45. Interestingly, Chrome on android was reported as working there.

[mjoras]

Update on this, it's definitely still an issue but in fact does work on Chrome for Android (I was having js caching problems).

Safari on iOS12 definitely does not work though. It will upload successfully usually 2 photos and then just stop.

[d7415]

Splitting this to Safari. We'll continue to track the Firefox issue in #45.

[ildyria]

Related: https://stackoverflow.com/questions/15766644/any-workarounds-for-the-safari-html5-multiple-file-upload-bug

[mjoras]

@ildyria are you referring to the latter answers to the question, the ones about how every image gets uploaded as image.jpg? It does in fact look like the same problem seems to affect the macOS version of Safari. So changing the title.

[ildyria]

@mjoras well that is one problem but also the fact that it is inconsistent :(

[mjoras]

Since I can infact reproduce it on a laptop with the macOS version of Safari, is there any useful debug logging or otherwise I could provide? I'm unfortunately pretty useless with web development but I can be a debug monkey.

[ashishmit14]

For multiple file upload, I am having problem on Safari installed on Mac Sierra version.
I am using DataTransfer API which is working fine in chrome/firefox. But in Safari, no such API is there hence could not initialized the DataTransfer Object & throwing the error.
The error I was getting as following:

TypeError: function is not a constructor (evaluating 'new DataTransfer')

Could any one of you tell me, if any work around is there?