file-html5.js revision 71bbbe94567d63ab107a7eab263595bcc6e47833
/**
* The FileHTML5 class provides a wrapper for a file pointer in an HTML5 The File wrapper
* also implements the mechanics for uploading a file and tracking its progress.
* @module file-html5
*/
/**
* The class provides a wrapper for a file pointer.
* @class FileHTML5
* @extends Base
* @constructor
* @param {Object} config Configuration object.
*/
var FileHTML5 = function(o) {
var file = null;
if (FileHTML5.isValidFile(o)) {
file = o;
}
}
else {
file = false;
}
if (!this.get("file")) {
}
if (!this.get("name")) {
}
}
if (!this.get("type")) {
}
}
}
};
/**
* Construction logic executed during FileHTML5 instantiation.
*
* @method initializer
* @protected
*/
initializer : function (cfg) {
if (!this.get("id")) {
}
},
/**
* Handler of events dispatched by the XMLHTTPRequest.
*
* @method _uplodEventHandler
* @param {Event} event The event object received from the XMLHTTPRequest.
* @protected
*/
_uploadEventHandler: function (event) {
case "progress":
/**
* Signals that progress has been made on the upload of this file.
*
* @event uploadprogress
* @param event {Event} The event object for the `uploadprogress` with the
* following payload:
* <dl>
* <dt>originEvent</dt>
* <dd>The original event fired by the XMLHttpRequest instance.</dd>
* <dt>bytesLoaded</dt>
* <dd>The number of bytes of the file that has been uploaded.</dd>
* <dt>bytesTotal</dt>
* <dd>The total number of bytes in the file (the file size)</dd>
* <dt>percentLoaded</dt>
* <dd>The fraction of the file that has been uploaded, out of 100.</dd>
* </dl>
*/
});
break;
case "load":
/**
* Signals that this file's upload has completed and data has been received from the server.
*
* @event uploadcomplete
* @param event {Event} The event object for the `uploadcomplete` with the
* following payload:
* <dl>
* <dt>originEvent</dt>
* <dd>The original event fired by the XMLHttpRequest instance.</dd>
* <dt>data</dt>
* <dd>The data returned by the server.</dd>
* </dl>
*/
this._set("xhr", null);
break;
case "error":
/**
* Signals that this file's upload has encountered an error.
*
* @event uploaderror
* @param event {Event} The event object for the `uploaderror` with the
* following payload:
* <dl>
* <dt>originEvent</dt>
* <dd>The original event fired by the XMLHttpRequest instance.</dd>
* <dt>status</dt>
* <dd>The status code reported by the XMLHttpRequest</dd>
* <dt>statusText</dt>
* <dd>The text of the error event reported by the XMLHttpRequest instance</dd>
* </dl>
*/
break;
case "abort":
/**
* Signals that this file's upload has been cancelled.
*
* @event uploadcancel
* @param event {Event} The event object for the `uploadcancel` with the
* following payload:
* <dl>
* <dt>originEvent</dt>
* <dd>The original event fired by the XMLHttpRequest instance.</dd>
* </dl>
*/
break;
case "readystatechange":
/**
* Signals that XMLHttpRequest has fired a readystatechange event.
*
* @event readystatechange
* @param event {Event} The event object for the `readystatechange` with the
* following payload:
* <dl>
* <dt>readyState</dt>
* <dd>The readyState code reported by the XMLHttpRequest instance.</dd>
* <dt>originEvent</dt>
* <dd>The original event fired by the XMLHttpRequest instance.</dd>
* </dl>
*/
originEvent: event});
break;
}
},
/**
* Starts the upload of a specific file.
*
* @method startUpload
* @param url {String} The URL to upload the file to.
* @param parameters {Object} (optional) A set of key-value pairs to send as variables along with the file upload HTTP request.
* @param fileFieldName {String} (optional) The name of the POST variable that should contain the uploaded file ('Filedata' by default)
*/
var uploadData = new FormData(),
/**
* Signals that this file's upload has started.
*
* @event uploadstart
* @param event {Event} The event object for the `uploadstart` with the
* following payload:
* <dl>
* <dt>xhr</dt>
* <dd>The XMLHttpRequest instance handling the file upload.</dd>
* </dl>
*/
},
/**
* Cancels the upload of a specific file, if currently in progress.
*
* @method cancelUpload
*/
cancelUpload: function () {
}
}, {
/**
* The identity of the class.
*
* @property NAME
* @type String
* @default 'file'
* @readOnly
* @protected
* @static
*/
NAME: 'file',
/**
* The type of transport.
*
* @property TYPE
* @type String
* @default 'html5'
* @readOnly
* @protected
* @static
*/
TYPE: 'html5',
/**
* Static property used to define the default attribute configuration of
* the File.
*
* @property ATTRS
* @type {Object}
* @protected
* @static
*/
ATTRS: {
/**
* A String containing the unique id of the file wrapped by the FileFlash instance.
* The id is supplied by the Flash player uploader.
*
* @attribute id
* @type {String}
* @initOnly
*/
id: {
writeOnce: "initOnly",
value: null
},
/**
* The size of the file wrapped by FileHTML5. This value is supplied by the instance of File().
*
* @attribute size
* @type {Number}
* @initOnly
*/
size: {
writeOnce: "initOnly",
value: 0
},
/**
* The name of the file wrapped by FileHTML5. This value is supplied by the instance of File().
*
* @attribute name
* @type {String}
* @initOnly
*/
name: {
writeOnce: "initOnly",
value: null
},
/**
* The date that the file wrapped by FileHTML5 was created on. This value is supplied by the instance of File().
*
* @attribute dateCreated
* @type {Date}
* @initOnly
* @default null
*/
dateCreated: {
writeOnce: "initOnly",
value: null
},
/**
* The date that the file wrapped by FileHTML5 was last modified on. This value is supplied by the instance of File().
*
* @attribute dateModified
* @type {Date}
* @initOnly
*/
dateModified: {
writeOnce: "initOnly",
value: null
},
/**
* The number of bytes of the file that has been uploaded to the server. This value is
* non-zero only while a file is being uploaded.
*
* @attribute bytesUploaded
* @type {Date}
* @readOnly
*/
readOnly: true,
value: 0
},
/**
* The type of the file wrapped by FileHTML. This value is provided by the instance of File()
*
* @attribute type
* @type {String}
* @initOnly
*/
type: {
writeOnce: "initOnly",
value: null
},
/**
* The pointer to the instance of File() wrapped by FileHTML5.
*
* @attribute file
* @type {File}
* @initOnly
*/
file: {
writeOnce: "initOnly",
value: null
},
/**
* The pointer to the instance of XMLHttpRequest used by FileHTML5 to upload the file.
*
* @attribute xhr
* @type {XMLHttpRequest}
* @initOnly
*/
xhr: {
readOnly: true,
value: null
},
/**
* The bound event handler used to handle events from XMLHttpRequest.
*
* @attribute boundEventHandler
* @type {Function}
* @initOnly
*/
readOnly: true,
value: null
}
},
/**
* Checks whether a specific native file instance is valid
*
* @method isValidFile
* @param file {File} A native File() instance.
* @static
*/
isValidFile: function (file) {
},
/**
* Checks whether the browser has a native upload capability
* via XMLHttpRequest Level 2.
*
* @method canUpload
* @static
*/
canUpload: function () {
}
});