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

Kev*_*Sol 8 javascript mobile onedrive

编辑 - 标题以前

OneDrive Web选取器SDK(Javascript)无法在移动设备上选择/打开文件

来自SO的自动电子邮件建议我将奖金更改为赏金期限到期.

我已根据这些说明https://dev.onedrive.com/sdk/javascript-picker-saver.htm在移动设备友好的网站上创建了一个OneDrive选择器,它在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>
Run Code Online (Sandbox Code Playgroud)

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

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
Run Code Online (Sandbox Code Playgroud)

因此,假设此SDK仅适用于桌面网站,这是否正确,如果是这样,我应该为移动网站使用什么?我知道有适用于Android和iOS的SDK,但我没有制作原生应用.

谢谢.

小智 0

我花了一些时间研究这个问题并做了一些测试,并且没有在线应用程序的 URL(这样我可以直接在服务器上测试它),以下是我的初步想法:

这适用于移动设备吗?理论上,如果用户使用受支持的设备在移动设备上浏览,则应该如此。但是,当我尝试查看您为 OneDrive 开发中心提供的 JS Web Picker SDK 的参考 URI 时...页面不会显示示例,该示例允许我使用 Chrome、Firefox 或我妻子的 iPhone 在 Android 上选择文件苹果浏览器。显然,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>
Run Code Online (Sandbox Code Playgroud)