/**
|
@name Edo.controls.FileUpload
|
@class
|
@typeName FileUpload
|
@description flash对象
|
@extend Edo.controls.Control
|
*/
|
|
Edo.controls.FileUpload = function(){
|
if(typeof SWFUpload == 'undefined'){
|
throw new Error("请引入swfupload.js");
|
}
|
/**
|
@name Edo.controls.FileUpload#filequeued
|
@event
|
@description 文件选择成功事件
|
@property {Object} upload 文件上传对象
|
@property {String} filename 文件名
|
@property {Object} file 文件对象
|
*/
|
/**
|
@name Edo.controls.FileUpload#filequeueerror
|
@event
|
@description 文件选择出错事件
|
@property {Object} upload 文件上传对象
|
@property {Object} file 文件对象
|
@property {Object} errorCode 错误码
|
@property {String} message 错误描述
|
*/
|
/**
|
@name Edo.controls.FileUpload#filestart
|
@event
|
@description 上传开始事件
|
@property {Object} upload 文件上传对象
|
*/
|
/**
|
@name Edo.controls.FileUpload#fileerror
|
@event
|
@description 上传失败事件
|
@property {Object} upload 文件上传对象
|
*/
|
/**
|
@name Edo.controls.FileUpload#filesuccess
|
@event
|
@description 上传成功事件
|
@property {Object} upload 文件上传对象
|
@property {Object} file
|
@property {String} serverData 返回的数据字符串
|
*/
|
Edo.controls.FileUpload.superclass.constructor.call(this);
|
}
|
Edo.controls.FileUpload.extend(Edo.controls.Control,{
|
/**
|
@name Edo.controls.FileUpload#swfUploadConfig
|
@property
|
@type Object
|
@description swfupload配置对象(请参考标准swfupload)
|
*/
|
swfUploadConfig: null,
|
/**
|
@name Edo.controls.FileUpload#buttonWidth
|
@property
|
@type Number
|
@default 69
|
@description 上传按钮宽度
|
*/
|
buttonWidth: 69,
|
/**
|
@name Edo.controls.FileUpload#autoClear
|
@property
|
@type Boolean
|
@default true
|
@description 上传后自动清空文本
|
*/
|
autoClear: true,
|
/**
|
@name Edo.controls.FileUpload#textVisible
|
@property
|
@type Boolean
|
@default true
|
@description 是否显示文本
|
*/
|
textVisible: true,
|
|
elCls: 'e-fileupload e-div',
|
|
getInnerHtml: function(sb){
|
var id = this.id+"$place";
|
var inputid = this.id+"$input";
|
var w = this.realWidth - this.buttonWidth;
|
sb[sb.length] = '<input id="'+inputid+'" readOnly type="text" class="e-fileupload-text" value="" style="width:'+w+'px;"> <span id="'+id+'"></span>';
|
},
|
createChildren: function(){
|
Edo.controls.FileUpload.superclass.createChildren.a(this, arguments);
|
|
var id = this.id+"$place";
|
|
var c = Edo.apply({
|
//upload_url: "upload.aspx",
|
//file_post_name: "resume_file",
|
//flash_url : "../../source/res/swfupload.swf",
|
|
button_image_url : "XPButtonUploadText_61x22.png",
|
//button_placeholder_id : "spanButtonPlaceholder",
|
button_width: 61,
|
button_height: 22,
|
|
// Flash file settings
|
file_size_limit : "64",
|
file_types : "*.jpg;*.gif;*.png;*.bmp",
|
file_types_description : "All Files",
|
file_upload_limit : "0",
|
file_queue_limit : "0",
|
|
file_queued_handler : this._onFileQueued.bind(this),
|
file_queue_error_handler: this._onFileQueueError.bind(this),
|
|
upload_start_handler: this._onFileStart.bind(this),
|
upload_error_handler: this._onFileError.bind(this),
|
upload_success_handler: this._onFileSuccess.bind(this)
|
}, this.swfUploadConfig);
|
c.button_placeholder_id = id;
|
|
this.upload = new SWFUpload(c);
|
|
var inputid = this.id+"$input";
|
this.inputField = document.getElementById(inputid);
|
},
|
_onFileQueued: function(file){
|
var txt = this.inputField;
|
|
var txtFileName = txt.value;
|
if(txtFileName && txtFileName != file.name){
|
//this.upload.cancelUpload();
|
}
|
|
txt.value = file.name;
|
|
var e = {
|
type: 'filequeued',
|
source: this,
|
upload: this.upload,
|
filename: file.name,
|
file: file
|
};
|
this.fireEvent('filequeued', e);
|
},
|
_onFileQueueError: function(file, errorCode, message){
|
var e = {
|
type: 'filequeueerror',
|
source: this,
|
upload: this.upload,
|
file: file,
|
errorCode: errorCode,
|
message: message
|
};
|
this.fireEvent('filequeueerror', e);
|
},
|
_onFileStart: function(){
|
var e = {
|
type: 'filestart',
|
source: this,
|
upload: this.upload
|
};
|
this.fireEvent('filestart', e);
|
},
|
_onFileError: function(file, errorCode, message){
|
var e = {
|
type: 'fileerror',
|
source: this,
|
upload: this.upload,
|
file: file,
|
errorCode: errorCode,
|
message: message
|
};
|
this.fireEvent('fileerror', e);
|
},
|
_onFileSuccess: function(file, serverData){
|
if(this.autoClear) this.inputField.value = '';
|
|
var e = {
|
type: 'filesuccess',
|
source: this,
|
upload: this.upload,
|
file: file,
|
serverData: serverData
|
};
|
this.fireEvent('filesuccess', e);
|
},
|
syncSize: function(){
|
Edo.controls.FileUpload.superclass.syncSize.call(this);
|
|
if(this.textVisible){
|
var w = this.realWidth - this.buttonWidth;
|
Edo.util.Dom.setWidth(this.inputField, w);
|
this.inputField.style.display = '';
|
}else{
|
|
this.inputField.style.display = 'none';
|
}
|
}
|
});
|
|
Edo.controls.FileUpload.regType('fileupload');
|
