Skip to content

Support for PUT operations #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
radiocicletta wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Support for PUT operations #2

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8435466
First raw implementation for upload APIs
leofiore Jan 7, 2013
f9a4e6e
Added progressCallback to upload functions for monitoring purpose
leofiore Jan 26, 2013
f073b87
sendAsBinary() implementation for chrome and browsers other than firefox
leofiore Mar 13, 2013
094e326
first implementation of chunked upload for big files
leofiore Mar 23, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
133 changes: 132 additions & 1 deletion dropbox.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,6 +67,60 @@
this.token = token;
};

function ChunkedUploader (client, fileObj, length) {
this.client = client;
this.fileObj = fileObj;
this.length = length;
this.upload_id = '';
}
var cp = ChunkedUploader.prototype;

cp.finish = function(params, successCallback, errorCallback, progressCallback) {
if (!params.upload_id)
params.upload_id = this.upload_id;
this.client._fileapi('commit_chunked_upload', params,
successCallback,
errorCallback,
progressCallback
);
};

cp.uploadChunked = function(chunk_size, successCallback, errorCallback, progressCallback){
var $this = this,
filedata = $this.fileObj,
offset = 0,
length = $this.length,
client = $this.client,
upload = function(evt) {
var data = (evt? JSON.parse(evt.target.responseText): null);
if (data && data.upload_id)
$this.upload_id = data.upload_id;
if (offset >= length) {
successCallback(evt);
return;
}
client._reader(filedata.slice(offset, offset + (chunk_size? chunk_size: 4194304)), {
loadend: function(evt) {
if (evt.target.readyState == FileReader.DONE){
var params = {
offset: offset,
fileObj: evt.target.result // 4194304 = 4MB (default chunk_size)
};
if ($this.upload_id)
params.upload_id = $this.upload_id;
offset = offset + (chunk_size? chunk_size: 4194304);
client._fileapi('chunked_upload', params,
upload,
errorCallback,
progressCallback
);
}
}
});
};
upload();
};

function Client(session) {
this.session = session;
}
Expand All @@ -85,8 +139,9 @@

c.api = function(method, params, successCallback, errorCallback) {
var data = this._generateOauthData();
var formdata = new FormData();
params = params || {};
for (key in params) {
for (var key in params) {
if (params.hasOwnProperty(key)) {
data[key] = params[key];
}
Expand All @@ -101,6 +156,61 @@
});
};

c._fileapi = function(method, params, successCallback, errorCallback, progressCallback) {
//if (!params || !params.path) {
// throw new Error("Must provide a path to work with files");
//}
var data = this._generateOauthData();
var url = "https://api-content.dropbox.com/1/" ;
var key;
params = params || {};

for (key in params) {
if (params.hasOwnProperty(key)) {
data[key] = params[key];
}
}

var codedparams = (function(fd){ var p = []; for (var i in fd) if (i !== 'fileObj') p.push(i + '=' + (i.search('oauth_') === 0 ? fd[i]: encodeURIComponent(fd[i]))); return p; })(data).join('&'),
root = this._getRoot() || '',
xhr = $.ajax(), // new XMLHttpRequest();
type = method !== 'commit_chunked_upload' && 'PUT' || 'POST';

xhr.open(type, (method !== 'chunked_upload'? [url + method, root].join('/') : url + method) + (params.path? params.path: '') + '?' + codedparams, true);
xhr.upload.onprogress = progressCallback;
xhr.onprogress = progressCallback;
xhr.onerror = errorCallback;
xhr.onreadystatechange = function(evt) {
if (this.readyState == 4 && this.status == 200) {
successCallback(evt);
}
};
xhr.overrideMimeType(data.mimeType);
xhr.setRequestHeader('Content-Type', data.mimeType);

if (type === 'PUT') {
if (xhr.sendAsBinary)
xhr.sendAsBinary(params.fileObj);
else {
var buf = Array.prototype.map.call(params.fileObj, function(x){return x.charCodeAt(0) & 0xff;});
var ui8a = new Uint8Array(buf, 0);
xhr.send(ui8a.buffer);
}
}
else
xhr.send(codedparams);
};

c._reader = function(fileObj, callbacks){
var reader = new FileReader();
reader.onload = callbacks && callbacks.load;
reader.onloadstart = callbacks && callbacks.loadstart;
reader.onloadend = callbacks && callbacks.loadend;
reader.onprogress = callbacks && callbacks.progress;
reader.onabort = callbacks && callbacks.abort;
reader.readAsBinaryString(fileObj);
};

c._getRoot = function() {
return this.session.accessType == 'dropbox' ? 'dropbox' : 'sandbox';
};
Expand Down Expand Up @@ -129,10 +239,31 @@
this.api(url, params, successCallback, errorCallback);
};

c.putFile = function(params, successCallback, errorCallback, progressCallback) {
params.overwrite = params.overwrite || false;
params.mimeType = params.fileObj.type || 'text/plain';

this._reader(data.fileObj, {
loadend: function(evt){
if (evt.target.readyState == FileReader.DONE){
params.fileObj = evt.target.result;
this._fileapi('files_put', params,
successCallback,
errorCallback,
progressCallback);
}
}
});
};

c.shares = function(params, successCallback, errorCallback) {
var url = this._getFileUrl('shares', params);
};

c.getChunkedUploader = function (fileObj, length){
return new ChunkedUploader(this, fileObj, length);
};

this.Dropbox = {
Session: Session,
Client: Client
Expand Down