var DDFileUploader;
(function(){
+// nombre maximun d'image chargées en local
+var MAX_PREVIEW = 5;
DDFileUploader = function(dropbox, uploadUrl) {
this.dropbox = dropbox;
this.thumbnailSize = 180;
this.previewQueue = [];
this._previewQueueRunning = false;
+ this.previewsLoaded = 0;
this.uploadQueue = [];
this._uploadQueueRunning = false;
var self = this;
for (i = 0; i < files.length; i++) {
file = files[i];
slide = this.createSlide(file);
- // this.previewQueuePush(slide);
+ this.previewQueuePush(slide);
this.uploadQueuePush(slide);
}
};
var self = this;
addListener(req.upload, 'progress', function(evt){self.progressHandler(evt);});
- addListener(req.upload, 'load', function(evt){self.uploadCompleteHandler(evt);});
+ addListener(req, 'readystatechange',
+ function(evt) {
+ if (req.readyState === 4) {
+ self.uploadCompleteHandler(req);
+ }
+ });
req.open("PUT", this.uploadUrl);
req.setRequestHeader("Content-Type", file.type);
reader.readAsBinaryString(file);
};
-DDFileUploader.prototype.uploadCompleteHandler = function(evt) {
+DDFileUploader.prototype.uploadCompleteHandler = function(req) {
var slide = this.uploadedSlide;
this.uploadedSlide.removeChild(slide.label);
this.uploadedSlide.removeChild(slide.progressBar);
+ slide.innerHTML = req.responseXML.documentElement.firstChild.data;
+ this.previewsLoaded--;
+ this.previewQueueLoadNext();
this.uploadQueueLoadNext();
- var req = getTargetedObject(evt);
- console.log(req);
- // this.slide.innerHTML = req.responseXML.documentElement
};
DDFileUploader.prototype.progressHandler = function(evt) {
};
DDFileUploader.prototype.previewQueueLoadNext = function() {
- var slide = this.previewQueue.shift();
- if (slide) {
+ if (this.previewQueue.length && this.previewsLoaded < MAX_PREVIEW) {
+ var slide = this.previewQueue.shift();
+ console.info('previewQueueLoadNext', this.previewsLoaded, slide.file.name);
this.previewUploadedImage(slide);
+ this.previewsLoaded++;
}
else {
+ console.warn('previewQueueLoadNext skipped', this.previewsLoaded);
this._previewQueueRunning = false;
}
};