javascript - 从手机上的 OneDrive 中选择一个文件 - 移动网站

Question

编辑 - 标题以前是

OneDrive Web picker SDK (Javascript) cannot choose/open file on mobile device

来自 SO 的自动电子邮件建议我更改标题，因为赏金期已过。

我根据这些说明在移动友好网站中创建了一个 OneDrive 选择器 https://dev.onedrive.com/sdk/javascript-picker-saver.htm它在 Windows 桌面上运行良好。

但是在移动浏览器(Android 4.2 上的 Android 浏览器和 Chrome，以及 iOS 7 上的 Safari)上，选择器启动并登录我，我可以看到文件，但是当我点击选择一个文件时，“打开”按钮保持禁用状态。

编辑，只是为了澄清:我不想将文件上传到 OneDrive。我想选择一个已经在我的 OneDrive 帐户中的文件并将其 URL 传递回页面。这样我就可以将该 URL 发送到我的服务器并让服务器获取文件

如果我长按我选择的文件，会出现一个内容菜单(我的意思是像 Windows 中的右键单击菜单)，其中有一个“打开”选项 - 选择它似乎只是让 Onedrive 重新加载。

我的代码是:

<script type="text/javascript" src="https://js.live.net/v5.0/OneDrive.js" id="onedrive-js" client-id="0000000011111111"></script>

    <script type="text/javascript">
        var pickerOptions = {
        success: function(files) {
        console.log(files);
        document.getElementById("cloud_cv_source_input").value = "onedrive" ;
        document.getElementById("cloud_cv_file_url_input").value = files.values[0].link ;                
        document.getElementById("cloud_cv_file_name_input").value = files.values[0].fileName;
        document.getElementById("cloud_cv_file_size_input").value = files.values[0].size;

  },

  cancel: function() {
      // handle when the user cancels picking a file
  },

  linkType: "downloadLink", // or "downloadLink",
  multiSelect: false // or true
}

    function launchOneDrive()
        {
        OneDrive.open(pickerOptions);
        }


    </script>

我确实在文档末尾看到了这个:

The OneDrive picker and saver supports the following web browsers:

    Internet Explorer 9+
    Latest version of Chrome
    Latest version of Firefox
    Latest version of Safari

假设此 SDK 仅适用于桌面网站，是否正确？如果正确，我应该将什么用于移动网站？我知道有适用于 Android 和 iOS 的 SDK，但我并没有制作原生应用。

谢谢。

Answer 1

我花了一些时间对此进行研究并进行了一些测试，但没有您的应用程序的在线 URL(因此我可以直接在服务器上对其进行测试)以下是我的初步想法:

这是否适用于移动设备？理论上，如果用户使用受支持的设备在其移动设备上浏览，则应该可以。但是，当我尝试查看您为 OneDrive 开发中心提供给 JS Web Picker SDK 的引用 URI 时...该页面不会显示让我在我的 Android 上选择文件的示例:Chrome、Firefox 或我妻子的 iPhone苹果浏览器。显然，Micro$oft 选择不在他们声称支持的浏览器的移动版本上测试文档页面代码。

您可能希望在执行代码周围添加健全性检查(以确保响应中有可用文件)。此外，我在文档代码中看到，他们正在清除选择器在取消和选择时的结果(用于查看和保存)。如果您有一个 URI，我可以在其中测试您的代码，我很乐意为此提供更多帮助。

<script type="text/javascript" src="https://js.live.net/v5.0/OneDrive.js" id="onedrive-js" client-id="0000000011111111"></script>
<script type="text/javascript">
var pickerOptions = {
    success: function(file) {
        // Sanity check
        if( !file  ) {
            // Handle no file being returned
        } else {
            var f = file.values[0];
            document.getElementById("cloud_cv_source_input").value = "onedrive" ;
            document.getElementById("cloud_cv_file_url_input").value = f.link ;                
            document.getElementById("cloud_cv_file_name_input").value = f.fileName;
            document.getElementById("cloud_cv_file_size_input").value = f.size;
        } // end if
    },
    cancel: function() {
        // handle when the user cancels picking a file
    },
    linkType: "downloadLink",
    multiSelect: false
}

function launchOneDrive() {
    OneDrive.open(pickerOptions);
}
</script>