We’re Still Here to Help (Even Over the Holidays!) - find out more here.
Forum Discussion
Open Dropbox API Authorization request in a new Tab
I have a web application running on my local host and I am using Dropbox Core API in the web app to upload files. However, the Dropbox authentication page opens in the same tab in the browser as my w...
The code is the same as HelloWorld Dropbox code. I have pasted it below.
<!doctype html>
<html>
<head>
<script src="https://www.dropbox.com/static/api/dropbox-datastores-1.0-latest.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<center>
<a id="writeButton" target="_BLANK" >Click to create hello.txt in Dropbox. </a>
</center>
<script>
var client = new Dropbox.Client({ key: '<your-app-key>' });
function doHelloWorld() {
client.writeFile('hello.txt', 'Hello, World!', function (error) {
if (error) {
alert('Error: ' + error);
} else {
alert('File written successfully!');
}
});
}
// Try to complete OAuth flow.
client.authenticate({ interactive: false }, function (error, client) {
if (error) {
alert('Error: ' + error);
}
});
if (client.isAuthenticated()) {
doHelloWorld();
}
document.getElementById('writeButton').onclick = function () {
client.authenticate(function (error, client) {
if (error) {
alert('Error: ' + error);
} else {
doHelloWorld();
}
});
}
</script>
</body>
</html>
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
