Graceful disconnection to regular file downloaders on mobile devices (problem with Windows Mobile)

Question

I tried to implement a beautiful html5 drag & drop file downloader from the desktop . Everything works well, but it doesn’t work on mobile devices (not surprising since they do not have desktops). Thus, I tried beautifully to abandon the usual file loader when the user clicks on the region to be deleted.

I used the only solution that I know of (so if you know something better, tell me). Basically I have a dropable region and <input type="file"> , which is hidden. When I click on an area, input is called.

Cool, it works. In ipod, ipad, iphone. Then I found that the problem is with android (I cannot use display: none , I have to use visibility : hidden ).

As you can see here

 <div id="dropzone"> Click </div> <input id="file" type="file"/> $('#dropzone').on('click', function(){ $('#file').click(); }) 

and fiddle , it works fine on Android and iOS devices, but it still doesn't work on a Windows phone (Nokia Lumia 520), Does anyone know how to fix this problem.

PS I also see that the popular dropzone.js library also does not work on a Windows phone, so I almost despaired here.

Answer 1

I was surprised to learn that you cannot download files to any device below Windows Phone 8.1 :

The file upload features in browsers assume that you have full access to the file system. With WP, you do not have free access to the system file on your phone.

A source