Estoy tratando de cargar archivos directamente en Dropbox [desde un navegador / aplicación web]. La función "uploadFile" en la API de código necesita que el archivo esté cargado disponible en el servidor, esto me pone en problemas, porque no quiero ninguno archivos para cargar en mi servidor y desde allí a Dropbox.

$f = fopen("test.jpg", "rb"); // requires file on server
$result = $dbxClient->uploadFile("test.jpg", dbx\WriteMode::add(), $f);
fclose($f);

Probé estohttps://github.com/dropbox/dropbox-js decepcionado al decir que no hay documentación clara, muchos de los enlaces en la parte de documentación están rotos.

Necesito que los archivos se carguen en mi cuenta y los clientes no necesitan iniciar sesión en Dropbox.

Cualquier sugerencia sería muy apreciada. buscando métodos Ajax / JavaScript.

Actualizar

He intentado lo siguiente, pero no hay respuesta de Dropbox

HTML

<input type="file" name="file" id="file" onchange="doUpload(event)">

JavaScript

var doUpload = function(event){

var input = event.target;
var reader = new FileReader();


  reader.onload = function(){
    var arrayBuffer = reader.result;

   $.ajax({  
    url: "https://api-content.dropbox.com/1/files_put/auto/uploads/" + input.files[0].name,  
    headers: {  
        Authorization: 'Bearer ' + MyAccessToken,  
        contentLength: file.size  
    },  
    crossDomain: true,  
    crossOrigin: true,  
    type: 'PUT',  
    contentType: input.files[0].type,  
    data: arrayBuffer,  
    dataType: 'json',  
    processData: false,
    success : function(result) {
        $('#uploadResults').html(result);
    }
    });
  }
 reader.readAsArrayBuffer(input.files[0]);
}