Mercurial > judyates
view e2gallerypro/e2upload/Source/Uploader/Swiff.Uploader.js @ 20:1038db2374ec judyates
change address
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 08 Sep 2013 00:47:09 -0400 |
parents | 3f6b44aa6b35 |
children |
line wrap: on
line source
1 /**2 * Swiff.Uploader - Flash FileReference Control3 *4 * @version 3.0 rc15 *6 * @license MIT License7 *8 * @author Harald Kirschner <mail [at] digitarald [dot] de>9 * @copyright Authors10 */12 Swiff.Uploader = new Class({14 Extends: Swiff,16 Implements: Events,18 options: {19 path: 'Swiff.Uploader.swf',21 target: null,22 zIndex: 9999,24 height: 30,25 width: 100,26 callBacks: null,27 params: {28 wMode: 'opaque',29 menu: 'false',30 allowScriptAccess: 'always'31 },33 typeFilter: null,34 multiple: true,35 queued: true,36 verbose: false,38 url: null,39 method: null,40 data: null,41 mergeData: true,42 fieldName: null,44 fileSizeMin: 1,45 fileSizeMax: null, // Official limit is 100 MB for FileReference!46 allowDuplicates: false,48 buttonImage: null,50 fileListMax: 0,51 fileListSizeMax: 0,53 instantStart: false,54 appendCookieData: false,56 fileClass: null57 /*58 onLoad: $empty,59 onFail: $empty,60 onStart: $empty,61 onQueue: $empty,62 onComplete: $empty,63 onBrowse: $empty,64 onDisabledBrowse: $empty,65 onCancel: $empty,66 onSelect: $empty,67 onSelectSuccess: $empty,68 onSelectFail: $empty,70 onButtonEnter: $empty,71 onButtonLeave: $empty,72 onButtonDown: $empty,73 onButtonDisable: $empty,75 onFileStart: $empty,76 onFileStop: $empty,77 onFileRequeue: $empty,78 onFileOpen: $empty,79 onFileProgress: $empty,80 onFileComplete: $empty,81 onFileRemove: $empty82 */83 },85 initialize: function(options) {86 // protected events to control the class, added87 // before setting options (which adds own events)88 this.addEvent('load', this.initializeSwiff, true)89 .addEvent('select', this.processFiles, true)90 .addEvent('complete', this.update, true)91 .addEvent('fileRemove', function(file) {92 this.fileList.erase(file);93 }.bind(this), true);95 this.setOptions(options);97 // callbacks are no longer in the options, every callback98 // is fired as event, this is just compat99 if (this.options.callBacks) {100 Hash.each(this.options.callBacks, function(fn, name) {101 this.addEvent(name, fn);102 }, this);103 }105 this.options.callBacks = {106 fireCallback: this.fireCallback.bind(this)107 };109 var path = this.options.path;110 if (!path.contains('?')) path += '?noCache=' + $time(); // cache in IE112 // container options for Swiff class113 this.options.container = this.box = new Element('span', {'class': 'swiff-uploader-box'}).inject($(this.options.container) || document.body);115 // target116 this.target = $(this.options.target);117 if (this.target) {118 var scroll = window.getScroll();119 this.box.setStyles({120 position: 'absolute',121 visibility: 'visible',122 zIndex: this.options.zIndex,123 overflow: 'hidden',124 height: 1, width: 1,125 top: scroll.y, left: scroll.x126 });128 // we force wMode to transparent for the overlay effect129 this.parent(path, {130 params: {131 wMode: 'transparent'132 },133 height: '100%',134 width: '100%'135 });137 this.target.addEvent('mouseenter', this.reposition.bind(this, []));139 // button interactions, relayed to to the target140 this.addEvents({141 buttonEnter: this.targetRelay.bind(this, ['mouseenter']),142 buttonLeave: this.targetRelay.bind(this, ['mouseleave']),143 buttonDown: this.targetRelay.bind(this, ['mousedown']),144 buttonDisable: this.targetRelay.bind(this, ['disable'])145 });147 this.reposition();148 window.addEvent('resize', this.reposition.bind(this, []));149 } else {150 this.parent(path);151 }153 this.inject(this.box);155 this.fileList = [];157 this.size = this.uploading = this.bytesLoaded = this.percentLoaded = 0;159 if (Browser.Plugins.Flash.version < 9) {160 this.fireEvent('fail', ['flash']);161 } else {162 this.verifyLoad.delay(500, this);163 }164 },166 verifyLoad: function() {167 if (this.loaded) return;168 if (!this.object.parentNode) {169 this.fireEvent('fail', ['disabled']);170 } else if (this.object.style.display == 'none') {171 this.fireEvent('fail', ['hidden']);172 } else if (!this.object.offsetWidth) {173 this.fireEvent('fail', ['empty']);174 }175 },177 fireCallback: function(name, args) {178 // file* callbacks are relayed to the specific file179 if (name.substr(0, 4) == 'file') {180 // updated queue data is the second argument181 if (args.length > 1) this.update(args[1]);182 var data = args[0];184 var file = this.findFile(data.id);185 this.fireEvent(name, file || data, 5);186 if (file) {187 var fire = name.replace(/^file([A-Z])/, function($0, $1) {188 return $1.toLowerCase();189 });190 file.update(data).fireEvent(fire, [data], 10);191 }192 } else {193 this.fireEvent(name, args, 5);194 }195 },197 update: function(data) {198 // the data is saved right to the instance199 $extend(this, data);200 this.fireEvent('queue', [this], 10);201 return this;202 },204 findFile: function(id) {205 for (var i = 0; i < this.fileList.length; i++) {206 if (this.fileList[i].id == id) return this.fileList[i];207 }208 return null;209 },211 initializeSwiff: function() {212 // extracted options for the swf213 this.remote('initialize', {214 width: this.options.width,215 height: this.options.height,216 typeFilter: this.options.typeFilter,217 multiple: this.options.multiple,218 queued: this.options.queued,219 url: this.options.url,220 method: this.options.method,221 data: this.options.data,222 mergeData: this.options.mergeData,223 fieldName: this.options.fieldName,224 verbose: this.options.verbose,225 fileSizeMin: this.options.fileSizeMin,226 fileSizeMax: this.options.fileSizeMax,227 allowDuplicates: this.options.allowDuplicates,228 buttonImage: this.options.buttonImage229 });231 this.loaded = true;233 this.appendCookieData();234 },236 targetRelay: function(name) {237 if (this.target) this.target.fireEvent(name);238 },240 reposition: function(coords) {241 // update coordinates, manual or automatically242 coords = coords || (this.target && this.target.offsetHeight)243 ? this.target.getCoordinates(this.box.getOffsetParent())244 : {top: window.getScrollTop(), left: 0, width: 40, height: 40}245 this.box.setStyles(coords);246 this.fireEvent('reposition', [coords, this.box, this.target]);247 },249 setOptions: function(options) {250 if (options) {251 if (options.url) options.url = Swiff.Uploader.qualifyPath(options.url);252 if (options.buttonImage) options.buttonImage = Swiff.Uploader.qualifyPath(options.buttonImage);253 this.parent(options);254 if (this.loaded) this.remote('setOptions', options);255 }256 return this;257 },259 setEnabled: function(status) {260 this.remote('setEnabled', status);261 },263 start: function() {264 this.remote('start');265 },267 stop: function() {268 this.remote('stop');269 },271 remove: function() {272 this.remote('remove');273 },275 fileStart: function(file) {276 this.remote('fileStart', file.id);277 },279 fileStop: function(file) {280 this.remote('fileStop', file.id);281 },283 fileRemove: function(file) {284 this.remote('fileRemove', file.id);285 },287 fileRequeue: function(file) {288 this.remote('fileRequeue', file.id);289 },291 appendCookieData: function() {292 var append = this.options.appendCookieData;293 if (!append) return;295 var hash = {};296 document.cookie.split(/;\s*/).each(function(cookie) {297 cookie = cookie.split('=');298 if (cookie.length == 2) {299 hash[decodeURIComponent(cookie[0])] = decodeURIComponent(cookie[1]);300 }301 });303 var data = this.options.data || {};304 if ($type(append) == 'string') data[append] = hash;305 else $extend(data, hash);307 this.setOptions({data: data});308 },310 processFiles: function(successraw, failraw, queue) {311 var cls = this.options.fileClass || Swiff.Uploader.File;313 var fail = [], success = [];315 if (successraw) {316 successraw.each(function(data) {317 var ret = new cls(this, data);318 if (!ret.validate()) {319 ret.remove.delay(10, ret);320 fail.push(ret);321 } else {322 this.size += data.size;323 this.fileList.push(ret);324 success.push(ret);325 ret.render();326 }327 }, this);329 this.fireEvent('selectSuccess', [success], 10);330 }332 if (failraw || fail.length) {333 fail.extend((failraw) ? failraw.map(function(data) {334 return new cls(this, data);335 }, this) : []).each(function(file) {336 file.invalidate().render();337 });339 this.fireEvent('selectFail', [fail], 10);340 }342 this.update(queue);344 if (this.options.instantStart && success.length) this.start();345 }347 });349 $extend(Swiff.Uploader, {351 STATUS_QUEUED: 0,352 STATUS_RUNNING: 1,353 STATUS_ERROR: 2,354 STATUS_COMPLETE: 3,355 STATUS_STOPPED: 4,357 log: function() {358 if (window.console && console.info) console.info.apply(console, arguments);359 },361 unitLabels: {362 b: [{min: 1, unit: 'B'}, {min: 1024, unit: 'kB'}, {min: 1048576, unit: 'MB'}, {min: 1073741824, unit: 'GB'}],363 s: [{min: 1, unit: 's'}, {min: 60, unit: 'm'}, {min: 3600, unit: 'h'}, {min: 86400, unit: 'd'}]364 },366 formatUnit: function(base, type, join) {367 var labels = Swiff.Uploader.unitLabels[(type == 'bps') ? 'b' : type];368 var append = (type == 'bps') ? '/s' : '';369 var i, l = labels.length, value;371 if (base < 1) return '0 ' + labels[0].unit + append;373 if (type == 's') {374 var units = [];376 for (i = l - 1; i >= 0; i--) {377 value = Math.floor(base / labels[i].min);378 if (value) {379 units.push(value + ' ' + labels[i].unit);380 base -= value * labels[i].min;381 if (!base) break;382 }383 }385 return (join === false) ? units : units.join(join || ', ');386 }388 for (i = l - 1; i >= 0; i--) {389 value = labels[i].min;390 if (base >= value) break;391 }393 return (base / value).toFixed(1) + ' ' + labels[i].unit + append;394 }396 });398 Swiff.Uploader.qualifyPath = (function() {400 var anchor;402 return function(path) {403 (anchor || (anchor = new Element('a'))).href = path;404 return anchor.href;405 };407 })();409 Swiff.Uploader.File = new Class({411 Implements: Events,413 initialize: function(base, data) {414 this.base = base;415 this.update(data);416 },418 update: function(data) {419 return $extend(this, data);420 },422 validate: function() {423 var options = this.base.options;425 if (options.fileListMax && this.base.fileList.length >= options.fileListMax) {426 this.validationError = 'fileListMax';427 return false;428 }430 if (options.fileListSizeMax && (this.base.size + this.size) > options.fileListSizeMax) {431 this.validationError = 'fileListSizeMax';432 return false;433 }435 return true;436 },438 invalidate: function() {439 this.invalid = true;440 this.base.fireEvent('fileInvalid', this, 10);441 return this.fireEvent('invalid', this, 10);442 },444 render: function() {445 return this;446 },448 setOptions: function(options) {449 if (options) {450 if (options.url) options.url = Swiff.Uploader.qualifyPath(options.url);451 this.base.remote('fileSetOptions', this.id, options);452 this.options = $merge(this.options, options);453 }454 return this;455 },457 start: function() {458 this.base.fileStart(this);459 return this;460 },462 stop: function() {463 this.base.fileStop(this);464 return this;465 },467 remove: function() {468 this.base.fileRemove(this);469 return this;470 },472 requeue: function() {473 this.base.fileRequeue(this);474 }476 });