nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

What is the http code to write file contents

Seppe S.

I know how to read the contents of a dropbox file in a js variable, using pure javascript.
It's ajax, without the use of jquery or any dropbox or other library.
Similarly, I would like to create/write/update a dropbox file with data from a js variable without uploading an existing file.
What is the http code for this?

Find more posts tagged with

API

Abuse

Comments

Greg-DB

I unfortunately don't have any examples without using jQuery. Here are the examples I do have though:

- Uploading a file from text via jQuery in JavaScript
- Uploading a file via jQuery in JavaScript

You could review those to see how it works, and then covert them to remove the jQuery dependency.

Greg-DB

I just put together a simple example using just XMLHttpRequest:

var path = "/test_javascript_upload.txt";
var content = "data to upload";
var accessToken = "<ACCESS_TOKEN>";
var uploadUrl = "https://content.dropboxapi.com/2/files/upload"
var result;

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
 if (xhr.readyState === 4) {
 result = xhr.responseText;
 console.log(result);
 }
};
xhr.open("POST", uploadUrl, true);
xhr.setRequestHeader("Authorization", "Bearer " + accessToken);
xhr.setRequestHeader("Content-type", "application/octet-stream");
xhr.setRequestHeader("Dropbox-API-Arg", '{"path": "' + path + '"}');
xhr.send(content);

Seppe S.

This is it! What a delight.
With just a little bit of code we have a simple filesystem at our disposal for async storage in a local dropbox folder, with all the dropbox goodies on top.
The feature is browser independent and works from a local as well as a remote hosted script, but the dropbox site must be available online.
I assume that many developers will be very happy with this feature: Create, Delete, Read and Write folders and files in a local dropbox folder, without the need for code from an external library.

Note: the "overwrite" tag is needed to replace a file: xhr.setRequestHeader("Dropbox-API-Arg", '{"path": "' + path + '","mode":{".tag":"overwrite"}}');