Question

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

我使用了唯一的解决方案，我知道（所以如果你知道更好的东西，请告诉我）。基本上我有一个可丢弃的区域和隐藏的<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();
})

并且在fiddle上，它在Android和iOS设备上运行良好，但在Windows手机（诺基亚Lumia 520）上仍然无法正常运行。有谁知道如何解决问题。

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

Answer 1

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

浏览器中的文件上传功能假设您拥有对该文件的完全访问权限文件系统。使用WP，您无法自由访问该文件电话系统。