在移动设备上优雅地回退到普通文件上传器(Windows mobile问题)

Question

我试图从桌面实现一个漂亮的html5拖放文件上传器.一切都很好,但它不适用于移动设备(不是一个惊喜,因为他们没有桌面).因此,当用户点击可丢弃区域时,我尝试很好地回退普通文件上传器.

我使用了唯一的解决方案,我知道(所以如果你知道更好的东西,请告诉我).基本上我有一个可丢弃的区域和一个<input type="file">隐藏的区域.当我单击某个区域时,会调用输入.

很酷,很有效.在Ipod,Ipad,Iphone.然后我发现android的问题(我不能使用display: none,我必须使用visibility : hidden).

正如你在这里看到的那样

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

在小提琴上,它在Android和iOS设备上运行良好,但在Windows手机(诺基亚Lumia 520)上仍然失败.有谁知道如何解决问题.

PS我也看到流行的图书馆dropzone.js也无法在Windows手机上运行,​​所以我几乎绝望了.

Answer 1

我很惊讶地发现您无法在以下任何设备上上传任何文件Windows Phone 8.1：

浏览器中的文件上传功能假设您拥有对文件系统的完全访问权限。使用 WP，您无法不受限制地访问手机上的文件系统。

来源