mirror of
https://gitee.com/ShopeX/OMS
synced 2026-03-30 21:15:34 +08:00
183 lines
7.3 KiB
HTML
183 lines
7.3 KiB
HTML
<!--
|
|
Copyright 2012-2026 ShopeX (https://www.shopex.cn)
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
-->
|
|
|
|
<{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> |