使用OneDrive File Picker API将文件上传到默认文件夹

Dipti Sheth 发表于 Dev

Dipti Sheth

我们可以使用OneDrive的JavaScript File Picker API将文件上传到OneDrive中的任何默认文件夹（例如“文档”或“公共”文件夹）吗？

即而不是使用设置路径

WL.upload({                           
    path: response.data.folders[0].id,                          
    element: "file",
    overwrite: "rename"
});

可以为默认文件夹（例如“文档/公共”）设置路径值吗？

汤安·阮

按照https://msdn.microsoft.com/zh-cn/library/hh550848.aspx上的步骤操作，您可以完成此任务。

在代码的HTML部分上，添加和以调用wl.upload函数。下面是我的代码，该代码允许用户选择文件并将其上传到OneDrive上的默认文件夹。在这种情况下，我使用了“ me / skydrive / my_documents”

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript Code Sample</title>
        <script type="text/javascript" src="//js.live.net/v5.0/wl.js"></script>
    </head>
    <body>
<div style="padding: 1em">


        <div id="signin"></div>
        <label id="info"></label>
    <form>
    <input id="file" name="file" type="file" />
</form>
    <button onclick="uploadFile()">Save file directly (calling WL.upload)</button>
        <script>
            WL.init({
                client_id: 'Your_Client_ID',
                redirect_uri: 'Your_Redirect_URL',
                scope: "wl.signin",
                response_type: "token"
            });
            WL.ui({
                name: "signin",
                element: "signin"
            });
            function uploadFile() {
                WL.login({
                    scope: "wl.skydrive_update"
                }).then(
                    function (response) {
                        WL.upload({
                            path: "me/skydrive/my_documents",
                            element: "file",
                            overwrite: "rename"
                        }).then(
                            function (response) {
                                document.getElementById("info").innerText =
                                    "File uploaded.";
                            },
                            function (responseFailed) {
                                document.getElementById("info").innerText =
                                    "Error uploading file: " + responseFailed.error.message;
                            }
                        );
                    },
                    function (responseFailed) {
                        document.getElementById("info").innerText =
                            "Error signing in: " + responseFailed.error.message;
                    }
                );
            }

        </script> 
    </div>
    </body>
</html>