mirror of
https://gitee.com/ShopeX/OMS
synced 2026-04-04 14:36:50 +08:00
656 lines
19 KiB
JavaScript
656 lines
19 KiB
JavaScript
/**
|
|
* Shopex OMS
|
|
*
|
|
* Copyright (c) 2025 Shopex (http://www.shopex.cn)
|
|
* Licensed under Apache-2.0 with additional terms (See LICENSE file)
|
|
*/
|
|
|
|
Swiff.Uploader = new Class({
|
|
|
|
Extends: Swiff,
|
|
|
|
Implements: Events,
|
|
|
|
options: {
|
|
path: 'Swiff.Uploader.swf',
|
|
target: null,
|
|
zIndex: 9999,
|
|
height: 30,
|
|
width: 100,
|
|
callBacks: null,
|
|
params: {
|
|
wMode: 'opaque',
|
|
menu: 'false',
|
|
allowScriptAccess: 'always'
|
|
},
|
|
|
|
typeFilter: null,
|
|
multiple: true,
|
|
queued: true,
|
|
verbose: false,
|
|
|
|
url: null,
|
|
method: null,
|
|
data: null,
|
|
mergeData: true,
|
|
fieldName: null,
|
|
|
|
fileSizeMin: 1,
|
|
fileSizeMax: null,
|
|
allowDuplicates: false,
|
|
timeLimit: (Browser.Platform.linux) ? 0 : 30,
|
|
|
|
buttonImage: null,
|
|
policyFile: null,
|
|
|
|
fileListMax: 0,
|
|
fileListSizeMax: 0,
|
|
|
|
instantStart: false,
|
|
appendCookieData: false,
|
|
|
|
fileClass: null
|
|
/*
|
|
onLoad: $empty,
|
|
onFail: $empty,
|
|
onStart: $empty,
|
|
onQueue: $empty,
|
|
onComplete: $empty,
|
|
onBrowse: $empty,
|
|
onDisabledBrowse: $empty,
|
|
onCancel: $empty,
|
|
onSelect: $empty,
|
|
onSelectSuccess: $empty,
|
|
onSelectFail: $empty,
|
|
|
|
onButtonEnter: $empty,
|
|
onButtonLeave: $empty,
|
|
onButtonDown: $empty,
|
|
onButtonDisable: $empty,
|
|
|
|
onFileStart: $empty,
|
|
onFileStop: $empty,
|
|
onFileRequeue: $empty,
|
|
onFileOpen: $empty,
|
|
onFileProgress: $empty,
|
|
onFileComplete: $empty,
|
|
onFileRemove: $empty,
|
|
|
|
onBeforeStart: $empty,
|
|
onBeforeStop: $empty,
|
|
onBeforeRemove: $empty
|
|
*/
|
|
},
|
|
|
|
initialize: function(options) {
|
|
|
|
this.addEvent('load', this.initializeSwiff, true)
|
|
.addEvent('select', this.processFiles, true)
|
|
.addEvent('complete', this.update, true)
|
|
.addEvent('fileRemove', function(file) {
|
|
this.fileList.erase(file);
|
|
}.bind(this), true);
|
|
|
|
this.setOptions(options);
|
|
|
|
if (this.options.callBacks) {
|
|
Hash.each(this.options.callBacks, function(fn, name) {
|
|
|
|
this.addEvent(name, fn);
|
|
}, this);
|
|
}
|
|
|
|
this.options.callBacks = {
|
|
fireCallback: this.fireCallback.bind(this)
|
|
};
|
|
|
|
var path = this.options.path;
|
|
if (!path.contains('?')) path += '?noCache=' + $time();
|
|
|
|
this.options.container = this.box = new Element('span', {'class': 'swiff-uploader-box'}).inject($(this.options.container) || document.body);
|
|
|
|
this.target = $(this.options.target);
|
|
|
|
if (this.target) {
|
|
var scroll = window.getScroll();
|
|
|
|
this.box.setStyles({
|
|
position: 'absolute',
|
|
visibility: 'visible',
|
|
zIndex: this.options.zIndex,
|
|
overflow: 'hidden',
|
|
height: 1, width: 1,
|
|
top: scroll.y, left: scroll.x
|
|
});
|
|
|
|
this.parent(path, {
|
|
params: {
|
|
wMode: 'transparent'
|
|
},
|
|
height: '100%',
|
|
width: '100%'
|
|
});
|
|
|
|
this.target.addEvent('mouseenter', this.reposition.bind(this, []));
|
|
|
|
this.addEvents({
|
|
buttonEnter: this.targetRelay.bind(this, ['mouseenter']),
|
|
buttonLeave: this.targetRelay.bind(this, ['mouseleave']),
|
|
buttonDown: this.targetRelay.bind(this, ['mousedown']),
|
|
buttonDisable: this.targetRelay.bind(this, ['disable'])
|
|
});
|
|
|
|
this.reposition();
|
|
window.addEvent('resize', this.reposition.bind(this, []));
|
|
} else {
|
|
this.parent(path);
|
|
}
|
|
|
|
this.inject(this.box);
|
|
|
|
this.fileList = [];
|
|
|
|
this.size = this.uploading = this.bytesLoaded = this.percentLoaded = 0;
|
|
|
|
if (Browser.Plugins.Flash.version < 9) {
|
|
this.fireEvent('fail', ['flash']);
|
|
} else {
|
|
this.verifyLoad.delay(1000, this);
|
|
}
|
|
|
|
},
|
|
|
|
verifyLoad: function() {
|
|
if (this.loaded) return;
|
|
if (!this.object.parentNode) {
|
|
this.fireEvent('fail', ['disabled']);
|
|
} else if (this.object.style.display == 'none') {
|
|
this.fireEvent('fail', ['hidden']);
|
|
} else if (!this.object.offsetWidth) {
|
|
this.fireEvent('fail', ['empty']);
|
|
}
|
|
},
|
|
|
|
fireCallback: function(name, args) {
|
|
if (name.substr(0, 4) == 'file') {
|
|
if (args.length > 1) this.update(args[1]);
|
|
var data = args[0];
|
|
var file = this.findFile(data.id);
|
|
this.fireEvent(name, file || data, 5);
|
|
if (file) {
|
|
var fire = name.replace(/^file([A-Z])/, function($0, $1) {
|
|
return $1.toLowerCase();
|
|
});
|
|
file.update(data).fireEvent(fire, [data], 10);
|
|
}
|
|
} else {
|
|
this.fireEvent(name, args, 5);
|
|
}
|
|
},
|
|
|
|
update: function(data) {
|
|
$extend(this, data);
|
|
this.fireEvent('queue', [this], 10);
|
|
return this;
|
|
},
|
|
|
|
findFile: function(id) {
|
|
for (var i = 0; i < this.fileList.length; i++) {
|
|
if (this.fileList[i].id == id) return this.fileList[i];
|
|
}
|
|
return null;
|
|
},
|
|
|
|
initializeSwiff: function() {
|
|
this.remote('initialize', {
|
|
width: this.options.width,
|
|
height: this.options.height,
|
|
typeFilter: this.options.typeFilter,
|
|
multiple: this.options.multiple,
|
|
queued: this.options.queued,
|
|
url: this.options.url,
|
|
method: this.options.method,
|
|
data: this.options.data,
|
|
mergeData: this.options.mergeData,
|
|
fieldName: this.options.fieldName,
|
|
verbose: this.options.verbose,
|
|
fileSizeMin: this.options.fileSizeMin,
|
|
fileSizeMax: this.options.fileSizeMax,
|
|
allowDuplicates: this.options.allowDuplicates,
|
|
timeLimit: this.options.timeLimit,
|
|
buttonImage: this.options.buttonImage,
|
|
policyFile: this.options.policyFile
|
|
});
|
|
|
|
this.loaded = true;
|
|
this.appendCookieData();
|
|
},
|
|
|
|
targetRelay: function(name) {
|
|
if (this.target) this.target.fireEvent(name);
|
|
},
|
|
|
|
reposition: function(coords) {
|
|
coords = coords || (this.target && this.target.offsetHeight)
|
|
? this.target.getCoordinates(this.box.getOffsetParent())
|
|
: {top: window.getScrollTop(), left: 0, width: 40, height: 40}
|
|
try{
|
|
this.box.setStyles(coords);
|
|
}catch(e){
|
|
//alert(this.box.setStyles);//setStyles()方法缺失导致弹出错误，但是不影响其它代码
|
|
}
|
|
this.fireEvent('reposition', [coords, this.box, this.target]);
|
|
},
|
|
|
|
setOptions: function(options) {
|
|
if (options) {
|
|
if (options.url) options.url = Swiff.Uploader.qualifyPath(options.url);
|
|
if (options.buttonImage) options.buttonImage = Swiff.Uploader.qualifyPath(options.buttonImage);
|
|
this.parent(options);
|
|
if (this.loaded) this.remote('setOptions', options);
|
|
}
|
|
return this;
|
|
},
|
|
|
|
setEnabled: function(status) {
|
|
this.remote('setEnabled', status);
|
|
},
|
|
|
|
start: function() {
|
|
this.fireEvent('beforeStart');
|
|
this.remote('start');
|
|
},
|
|
|
|
_stop: function() {
|
|
this.fireEvent('beforeStop');
|
|
this.remote('stop');
|
|
},
|
|
|
|
remove: function() {
|
|
this.fireEvent('beforeRemove');
|
|
this.remote('remove');
|
|
},
|
|
|
|
fileStart: function(file) {
|
|
this.remote('fileStart', file.id);
|
|
},
|
|
|
|
fileStop: function(file) {
|
|
this.remote('fileStop', file.id);
|
|
},
|
|
|
|
fileRemove: function(file) {
|
|
this.remote('fileRemove', file.id);
|
|
},
|
|
|
|
fileRequeue: function(file) {
|
|
this.remote('fileRequeue', file.id);
|
|
},
|
|
|
|
appendCookieData: function() {
|
|
var append = this.options.appendCookieData;
|
|
if (!append) return;
|
|
|
|
var hash = {};
|
|
document.cookie.split(/;\s*/).each(function(cookie) {
|
|
cookie = cookie.split('=');
|
|
if (cookie.length == 2) {
|
|
hash[decodeURIComponent(cookie[0])] = decodeURIComponent(cookie[1]);
|
|
}
|
|
});
|
|
|
|
var data = this.options.data || {};
|
|
if ($type(append) == 'string') data[append] = hash;
|
|
else $extend(data, hash);
|
|
|
|
this.setOptions({data: data});
|
|
},
|
|
|
|
processFiles: function(successraw, failraw, queue) {
|
|
var cls = this.options.fileClass || Swiff.Uploader.File;
|
|
|
|
var fail = [], success = [];
|
|
|
|
if (successraw) {
|
|
successraw.each(function(data) {
|
|
var ret = new cls(this, data);
|
|
if (!ret.validate()) {
|
|
ret.remove.delay(10, ret);
|
|
fail.push(ret);
|
|
} else {
|
|
this.size += data.size;
|
|
this.fileList.push(ret);
|
|
success.push(ret);
|
|
ret.render();
|
|
}
|
|
}, this);
|
|
this.fireEvent('selectSuccess', [success], 10);
|
|
}
|
|
|
|
if (failraw || fail.length) {
|
|
fail.extend((failraw) ? failraw.map(function(data) {
|
|
return new cls(this, data);
|
|
}, this) : []).each(function(file) {
|
|
file.invalidate().render();
|
|
});
|
|
|
|
this.fireEvent('selectFail', [fail], 10);
|
|
}
|
|
|
|
this.update(queue);
|
|
|
|
if (this.options.instantStart && success.length) this.start();
|
|
}
|
|
|
|
});
|
|
|
|
$extend(Swiff.Uploader, {
|
|
|
|
STATUS_QUEUED: 0,
|
|
STATUS_RUNNING: 1,
|
|
STATUS_ERROR: 2,
|
|
STATUS_COMPLETE: 3,
|
|
STATUS_STOPPED: 4,
|
|
|
|
log: function() {
|
|
},
|
|
|
|
unitLabels: {
|
|
b: [{min: 1, unit: 'B'}, {min: 1024, unit: 'kB'}, {min: 1048576, unit: 'MB'}, {min: 1073741824, unit: 'GB'}],
|
|
s: [{min: 1, unit: 's'}, {min: 60, unit: 'm'}, {min: 3600, unit: 'h'}, {min: 86400, unit: 'd'}]
|
|
},
|
|
|
|
formatUnit: function(base, type, join) {
|
|
var labels = Swiff.Uploader.unitLabels[(type == 'bps') ? 'b' : type];
|
|
var append = (type == 'bps') ? '/s' : '';
|
|
var i, l = labels.length, value;
|
|
|
|
if (base < 1) return '0 ' + labels[0].unit + append;
|
|
|
|
if (type == 's') {
|
|
var units = [];
|
|
|
|
for (i = l - 1; i >= 0; i--) {
|
|
value = Math.floor(base / labels[i].min);
|
|
if (value) {
|
|
units.push(value + ' ' + labels[i].unit);
|
|
base -= value * labels[i].min;
|
|
if (!base) break;
|
|
}
|
|
}
|
|
|
|
return (join === false) ? units : units.join(join || ', ');
|
|
}
|
|
|
|
for (i = l - 1; i >= 0; i--) {
|
|
value = labels[i].min;
|
|
if (base >= value) break;
|
|
}
|
|
|
|
return (base / value).toFixed(1) + ' ' + labels[i].unit + append;
|
|
}
|
|
|
|
});
|
|
|
|
Swiff.Uploader.qualifyPath = (function() {
|
|
|
|
var anchor;
|
|
|
|
return function(path) {
|
|
(anchor || (anchor = new Element('a'))).href = path;
|
|
return anchor.href;
|
|
};
|
|
|
|
})();
|
|
|
|
Swiff.Uploader.File = new Class({
|
|
|
|
Implements: Events,
|
|
|
|
initialize: function(base, data) {
|
|
this.base = base;
|
|
this.update(data);
|
|
},
|
|
|
|
update: function(data) {
|
|
return $extend(this, data);
|
|
},
|
|
|
|
validate: function() {
|
|
var options = this.base.options;
|
|
|
|
if (options.fileListMax && this.base.fileList.length >= options.fileListMax) {
|
|
this.validationError = 'fileListMax';
|
|
return false;
|
|
}
|
|
|
|
if (options.fileListSizeMax && (this.base.size + this.size) > options.fileListSizeMax) {
|
|
this.validationError = 'fileListSizeMax';
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
},
|
|
|
|
invalidate: function() {
|
|
this.invalid = true;
|
|
this.base.fireEvent('fileInvalid', this, 10);
|
|
return this.fireEvent('invalid', this, 10);
|
|
},
|
|
|
|
render: function() {
|
|
return this;
|
|
},
|
|
|
|
setOptions: function(options) {
|
|
if (options) {
|
|
if (options.url) options.url = Swiff.Uploader.qualifyPath(options.url);
|
|
this.base.remote('fileSetOptions', this.id, options);
|
|
this.options = $merge(this.options, options);
|
|
}
|
|
return this;
|
|
},
|
|
|
|
start: function() {
|
|
this.base.fileStart(this);
|
|
return this;
|
|
},
|
|
|
|
_stop: function() {
|
|
this.base.fileStop(this);
|
|
return this;
|
|
},
|
|
|
|
remove: function() {
|
|
this.base.fileRemove(this);
|
|
return this;
|
|
},
|
|
|
|
requeue: function() {
|
|
this.base.fileRequeue(this);
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
//by Jason @ 2010/12/28 BEGIN
|
|
function StdUpload(arg_target, arg_type){
|
|
var __target = arg_target
|
|
var __type = arg_type;
|
|
this.start = function(){
|
|
var file_name = $E('.std-upload-txt input').get('value').toLowerCase();
|
|
var filter = /.*/;
|
|
var filter_error = '';
|
|
var params = __target.substr(10).split('&');
|
|
var loading = $E('.std-upload-txt .std-loading-icon').fade('in');
|
|
for (var i = 0; i < params.length; i++) {
|
|
params[i] = params[i].split('=');
|
|
}
|
|
if (/image/.test(params[0][1]) && /admin_manage/.test(params[1][1]) && /image_swf_remote/.test(params[2][1])) {
|
|
filter = /\.jpg$|\.jpeg$|\.gif$|\.png$/;
|
|
filter_error = LANG_StduplodFilterError.FE_IMG;
|
|
}
|
|
if (/site/.test(params[0][1]) && /admin_theme_manage/.test(params[1][1]) && /upload/.test(params[2][1])) {
|
|
filter = /\.tgz$|\.tar.gz$|\.theme$/;
|
|
filter_error = LANG_StduplodFilterError.FE_THEME;
|
|
}
|
|
if (filter.test(file_name)) {//restrict file type
|
|
$E('.std-upload-txt form').set('action', __target).submit();
|
|
$E('.std-upload-txt input').set('value', '');
|
|
$('uploadframe').addEvent('load', function(){
|
|
if (/>Fatal error</.test($(this).contentWindow.document.body.innerHTML)) {
|
|
loading.fade('out');
|
|
new MessageBox(LANG_StduplodFilterError.UE_FILE_ERROR[0] + file_name + LANG_StduplodFilterError.UE_FILE_ERROR[1], {
|
|
type: 'error',
|
|
autohide: true
|
|
});
|
|
return;
|
|
}
|
|
if (__type == 'theme_manage') {
|
|
var cd = $('swf-uploader-result-container').getParent('.division');
|
|
var id = 1;
|
|
$ES('#swf-uploader-result-container .span-auto').each(function(item, index){
|
|
cid = parseInt(item.get('id').substr(10));
|
|
id = id <= cid ? cid + 1 : id;
|
|
});
|
|
new Element('div', {
|
|
'class': 'span-auto',
|
|
'id': 'std-uping-' + id,
|
|
styles: {
|
|
width: 45,
|
|
height: 45,
|
|
border: '1px #ccc solid',
|
|
padding: 1,
|
|
'line-height': 45,
|
|
'text-align': 'center',
|
|
marginBottom: 10
|
|
}
|
|
}).inject('swf-uploader-result-container');
|
|
$('std-uping-' + id).setHTML($(this).contentWindow.document.body.innerHTML);
|
|
cd.getElement('h5 em').set('text', cd.getElement('h5 em').get('text').toInt() + 1);
|
|
if (!cd.isDisplay()) {
|
|
cd.show();
|
|
}
|
|
}
|
|
if (__type == 'add_img') {
|
|
var id = 1;
|
|
$ES('#all-pics .gpic-box').each(function(item, index){
|
|
cid =item.get('id')? parseInt(item.get('id').substr(7)):id;
|
|
id = id <= cid ? cid + 1 : id;
|
|
});
|
|
new Element('div', {
|
|
'class': 'gpic-box',
|
|
'id': 'std_up_' + id
|
|
}).inject($('all-pics'));
|
|
$('std_up_' + id).setHTML($(this).contentWindow.document.body.innerHTML);
|
|
if (!$E('#pic-area .current') && $E('#pic-area .gpic')) {
|
|
$E('#pic-area .gpic').onclick();
|
|
}
|
|
}
|
|
if (__type == 'img_manage') {
|
|
var cd = $('swf-uploader-result-container').getParent('.division').hide();
|
|
var substr = this.substr = $H({
|
|
'cur': 0,
|
|
'count': 1,
|
|
'width': 0
|
|
});
|
|
var dialog = $('swf-uploader-container').getParent('.dialog');
|
|
var tpl = this.tpl = '<div class="loadpart"><div class="msg">{cur}' + LANG_StduplodFilterError.UP_PROGRESS[0] + '(' + LANG_StduplodFilterError.UP_PROGRESS[1] + '<{/t}>{count}<{t}>' + LANG_StduplodFilterError.UP_PROGRESS[2] + ')</div><div class="lpb">' +
|
|
'<div class="lpp" style="height:5px;overflow:hidden;width:{width}%"> </div></div></div>';
|
|
var width = this.width = 265;
|
|
var id = 1;
|
|
$ES('#swf-uploader-result-container .span-auto').each(function(item, index){
|
|
cid = parseInt(item.get('id').substr(10));
|
|
id = id <= cid ? cid + 1 : id;
|
|
});
|
|
tpl = tpl.substitute(substr);
|
|
this.loader = new Element('div', {
|
|
'class': 'tableform',
|
|
'html': tpl
|
|
}).setStyles({
|
|
'zIndex': '65552',
|
|
'background': '#fff',
|
|
'border': '1px solid #ccc',
|
|
'width': width
|
|
}).inject(document.body).amongTo(dialog);
|
|
new Element('div', {
|
|
'class': 'span-auto',
|
|
'id': 'std-uping-' + id,
|
|
styles: {
|
|
width: 55,
|
|
height: 55,
|
|
padding: 1,
|
|
'padding-top': 2,
|
|
'line-height': 55,
|
|
'text-align': 'center',
|
|
marginBottom: 10
|
|
}
|
|
}).inject('swf-uploader-result-container');
|
|
var el = $('std-uping-' + id).setHTML($(this).contentWindow.document.body.innerHTML).setStyle('position', 'relative');
|
|
var _img = el.getElement('img').setStyle('border', '1px #ccc solid');
|
|
var _delbtn = new Element('span', {
|
|
'styles': {
|
|
'width': '14px',
|
|
'height': '14px',
|
|
'cursor': 'pointer',
|
|
'background': 'url(' + DESKTOPRESFULLURL + '/btn_gimg.gif) no-repeat 0px -94px #fff',
|
|
'display': 'none',
|
|
'position': 'absolute',
|
|
'zIndex': '65874',
|
|
'top': '-6px',
|
|
'right': '-4px'
|
|
},
|
|
'events': {
|
|
'click': function(e){
|
|
var id = _img.get('image_id');
|
|
if (window.confirm(LANG_StduplodFilterError.C_DELETE)) {
|
|
new Request({
|
|
url: 'index.php?app=image&ctl=admin_manage&act=image_del&image_id=' + id,
|
|
onComplete: function(e){
|
|
var length = cd.getElements('img').length;
|
|
if (length < 2) {
|
|
cd.hide();
|
|
}
|
|
$E('#image-currentcount em').set('text', $E('#image-currentcount em').get('text').toInt() - 1);
|
|
cd.getElement('h5 em').set('text', cd.getElement('h5 em').get('text').toInt() - 1);
|
|
el.remove();
|
|
}
|
|
}).send();
|
|
}
|
|
}
|
|
}
|
|
}).inject(el);
|
|
el.addEvents({
|
|
'mouseover': function(){
|
|
_delbtn.show()
|
|
},
|
|
'mouseout': function(){
|
|
_delbtn.hide()
|
|
}
|
|
});
|
|
var cur = this.substr.get('cur') + 1;
|
|
var tpl = this.tpl
|
|
var length = this.substr.get('count');
|
|
var substr = this.substr.set('cur', cur).set('width', (cur / length) * 100);
|
|
this.loader.set('html', tpl.substitute(substr));
|
|
if (cur == length) {
|
|
this.loader.remove();
|
|
}
|
|
$E('#image-currentcount em').set('text', $E('#image-currentcount em').get('text').toInt() + 1);
|
|
cd.getElement('h5 em').set('text', cd.getElement('h5 em').get('text').toInt() + 1);
|
|
if (!cd.isDisplay()) {
|
|
cd.show();
|
|
}
|
|
}
|
|
loading.fade('out');
|
|
$(this).removeEvent('load', arguments.callee);
|
|
});
|
|
}
|
|
else {
|
|
loading.fade('out');
|
|
alert(filter_error);
|
|
}
|
|
};
|
|
};
|
|
//END
|