mirror of
https://gitee.com/ShopeX/OMS
synced 2026-03-22 18:35:35 +08:00
172 lines
6.8 KiB
HTML
172 lines
6.8 KiB
HTML
<!--
|
||
Copyright © ShopeX （http://www.shopex.cn）. All rights reserved.
|
||
See LICENSE file for license details.
|
||
-->
|
||
|
||
<{area inject='.mainHead'}>
|
||
|
||
<div id='swf-uploader-container' style='height:110px;'>
|
||
<h5 style="height:30px; text-align:center; line-height:30px" id='image-currentcount'><{t}>当前图库图片数量：<{/t}><em style='color:#ff3300;'><{$currentcount}></em></h5>
|
||
<div class='table-action no-align-center' style=" border:none">
|
||
<div class='division' style="margin:0">
|
||
<{button type="button" label=$___a="上传本地图片"|t:'image' id='swf-uploader-btn' icon='image_new.gif'}>
|
||
<div class="std-upload-txt" style="top:97px;left:150px;">
|
||
<div><{t}>无法打开图片选择窗口？点此<{/t}></div>
|
||
<div class="browse">
|
||
<form target="upload" method="post" enctype="multipart/form-data" action="#">
|
||
<input type="file" name="Filedata" onchange="new StdUpload('index.php?app=image&ctl=admin_manage&act=image_swf_remote&sess_id=<{$ssid}>','img_manage').start();" />
|
||
</form>
|
||
<a href="javascript:void(0);"><{t}>上传图片<{/t}></a>
|
||
</div>
|
||
<div class="std-loading-icon"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="height:1px; line-height:1px; clear:both;"> </div>
|
||
<{/area}>
|
||
<div class='division' style="overflow:auto;height:150px;position:relative;">
|
||
<h5><{t}>本次上传的图片<{/t}>(<em style='color:#ff3300;'>0</em><{t}>张<{/t}>):</h5>
|
||
<div class='clearfix image-list' style="height:auto;overflow:hidden" id='swf-uploader-result-container' >
|
||
</div>
|
||
<div style="height:1px; clear:both"></div>
|
||
</div>
|
||
<{area inject='.mainFoot'}>
|
||
<div class="table-action">
|
||
<{button class="btn-close" isCloseDialogBtn="true" label=$___a="确定"|t:'image' type="button"}>
|
||
</div>
|
||
<{/area}>
|
||
|
||
<script>
|
||
void function(){
|
||
var cd = $('swf-uploader-result-container').getParent('.division').hide();
|
||
$('swf-uploader-container').getParent('.dialog').retrieve('instance').addEvent('close',function(){
|
||
window.finderGroup['<{$env.get._finder.finder_id}>'].refresh();
|
||
});
|
||
Ex_Loader('uploader',function(){
|
||
new Swiff.Uploader( {
|
||
verbose: true,
|
||
container:'swf-uploader-container',
|
||
zIndex:65535,
|
||
url:'index.php?app=image&ctl=admin_manage&act=image_swf_remote&sess_id=<{$ssid}>',
|
||
path: '<{$env.app.res_url}>/uploader.swf',
|
||
typeFilter: {
|
||
'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'
|
||
},
|
||
fileSizeMax:<{$IMAGE_MAX_SIZE}>,
|
||
target:'swf-uploader-btn',
|
||
onLoad:function(){
|
||
this.tpl='<div class="loadpart"><div class="msg">{cur}<{t}>张已上传到图库(共<{/t}>{count}<{t}>张)<{/t}></div><div class="lpb">'+
|
||
'<div class="lpp" style="height:5px;overflow:hidden;width:{width}%"> </div></div></div>';
|
||
},
|
||
onSelect:function(rs){
|
||
if(rs)
|
||
rs.each(function(v){
|
||
if(v.size>this.fileSizeMax){
|
||
alert(v.name+'<{t}>\n\n文件超出大小<{/t}>');
|
||
};
|
||
},this);
|
||
},
|
||
onSelectFail:function(rs){
|
||
rs.each(function(v){
|
||
if(v.validationError=='sizeLimitMax'){
|
||
alert(v.name+'\n\n<{t}>文件超出大小限制<{/t}>');
|
||
};
|
||
});
|
||
},
|
||
onSelectSuccess:function(rs){
|
||
|
||
this.substr=substr=$H({'cur':0,'count':rs.length,'width':0}),dialog=$('swf-uploader-container').getParent('.dialog');
|
||
var tpl=this.tpl; tpl=tpl.substitute(substr); this.width=width=265;
|
||
|
||
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);
|
||
|
||
rs.each(function(v,i){
|
||
new Element('div',{'class':'span-auto','id':'uping-'+v.id,styles:{
|
||
width:55,
|
||
height:55,
|
||
padding:1,
|
||
'padding-top':2,
|
||
'line-height':55,
|
||
'text-align':'center',
|
||
marginBottom:10
|
||
}}).inject('swf-uploader-result-container');
|
||
});
|
||
|
||
this.start();
|
||
},
|
||
onFileOpen:function(e){
|
||
$('uping-'+e.id).setHTML('<{t}>正在连接...<{/t}>');
|
||
},
|
||
onFileProgress:function(e){
|
||
var pt=Number(e.progress.bytesLoaded*100/e.size).toFixed()+'%';
|
||
$('uping-'+e.id).set('text',pt);
|
||
},
|
||
onFileComplete: function(res){
|
||
var _this = this;
|
||
if(res.response.error){
|
||
return new MessageBox('<{t}>文件<{/t}>'+res.name+'<{t}>上传失败<{/t}>',{type:'error',autohide:true});
|
||
}
|
||
var el=$('uping-'+res.id).setHTML(res.response.text).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('<{t}>是否确定删除此图片<{/t}>'))
|
||
new Request({
|
||
url:'index.php?app=image&ctl=admin_manage&act=image_del&image_id='+id,
|
||
onComplete:function(e){
|
||
if(e){
|
||
_this.remove();
|
||
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,tpl=this.tpl,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();
|
||
}
|
||
});
|
||
});
|
||
}();
|
||
|
||
</script> |