Child Item

Dropbox API upload

var file = new File([data], filename, {
type: "type/plain",
});

var ACCESS_TOKEN = access token;

xhr.open('POST', 'https://content.dropboxapi.com/2/files/upload', true);
xhr.setRequestHeader('Authorization', 'Bearer ' + ACCESS_TOKEN);
xhr.setRequestHeader('Content-Type', 'application/octet-stream');
xhr.setRequestHeader('Dropbox-API-Arg', JSON.stringify({
path: filename
}));

xhr.send(file);

this doesn't work anymore. Was working last week. Any ideas on what the issue is?

Find more posts tagged with

API

Abuse

Comments

Yariazen1

To be more specific, it works but dropbox refuses my request

Yariazen1

Oh I c

https://content.dropboxapi.com/2/files/upload

doesn't exist anymore.

Anyone know where we upload to now?

Yariazen1

Actually that's not the problem after all

Greg-DB

[Cross-linking for reference: https://stackoverflow.com/questions/55451478/xhrhttprequest-to-dropbox-xhr-failed-loading-options ]

The https://content.dropboxapi.com/2/files/upload endpoint is still the correct way to upload files (smaller than 150 MB). I just tried it, and it is working for me. If something's not working for you, be sure to print out the response body for an error message.

Here's a simple example of using it via a XMLHttpRequest in Javascript.

<!DOCTYPE html>
<html>

<body>

    <form>
      <input id="fileInput" type="file" name="file" onchange="uploadFile">
    </form>

    <script type="text/javascript">
        var fileInput = document.getElementById('fileInput')
        fileInput.onchange = function(event) {

            accessToken = "ACCESS_TOKEN_HERE";

            // * file = file object selected in the file widget.
            var file = fileInput.files[0];

            var xhr = new XMLHttpRequest();

            xhr.onload = function() {
              if (xhr.status === 200) {
                var fileInfo = JSON.parse(xhr.response);
                console.log(fileInfo);
              }
              else {
                var errorMessage = xhr.response || 'Unable to upload file';
                console.log(errorMessage);
              }
            };

            xhr.open('POST', 'https://content.dropboxapi.com/2/files/upload');
            xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);
            xhr.setRequestHeader('Content-Type', 'application/octet-stream');
            xhr.setRequestHeader('Dropbox-API-Arg', JSON.stringify({
              path: '/' +  file.name
            }));

            xhr.send(file);
        };
    </script>

</body>
</html>

Yariazen1

Thx, the above works for me too, but when I copy it line for line into my code, it just doesn't work anymore. Same with my original question in stackoverflow. They both work but just not in my main script for whatever reason

Greg-DB

It looks like the Dropbox API itself and the code to call it are working as expected, so I'm afraid I can't offer much more insight. It sounds like there's something in your app that is interfering with the proper execution of the call.

You'll need to debug your app's code and environment further to track down the issue.

Yariazen

Problem was I was doing this from local host. Once I stuck it on a server, everything worked perfectly.