Your workflow is unique 👨💻 - tell us how you use Dropbox here.
Forum Discussion
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.setRequestHead...
Greg-DB
Dropbox Community Moderator
Dropbox Community Moderator[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>
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.
About Dropbox API Support and Feedback
Get help with the Dropbox API from fellow developers and experts.
