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

标签 javascript mobile onedrive

编辑 - 标题以前是

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,但我并没有制作原生应用。

谢谢。

最佳答案

我花了一些时间对此进行研究并进行了一些测试,但没有您的应用程序的在线 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>

关于javascript - 从手机上的 OneDrive 中选择一个文件 - 移动网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30600192/

相关文章:

javascript - 如何在 1-arg javascript 函数中使用 2 个参数?

javascript - $ _GET停止工作以删除记录

javascript - 我想使用 Javascript 操作 CSS

javascript - 测量数组的长度,而不是 JavaScript 中的字符

javascript - 使用 REST API 将文件(从公共(public) url)上传到 onedrive 时出错

c# - 使用 Graph API 将文件 (> 4MB) 上传到 OneDrive

javascript - 使用 AJAX Post 和 Node.js Express

javascript - 使网站移动响应,但重定向到其他网站

ios - iOS 在哪里保存它的数据文件夹

networking - 如何在windows xp中将skydrive映射为网络驱动器?