遇到的问题:
最近使用了THINKCMF给客户开发了一个企业网站,客户在使用了一段时间后打电话说后台文章编辑页面有问题
经过沟通过知道,在后台文章编辑和添加页面相册图集每次只能上传一张图片
在跟客户确认了所有的细节后就开始解决,首页在本地进行了测试发现客户说的是对的,于是就查看源代码
在\tpl_admin\simpleboot\Asset\swfupload.html发现上传的图片数量是固定的,找到问题后就开始在网络上搜索有没有现有的解决方案
在网络上没有找到现有的解决方案,于是自己动手直接在源码里解决
解决方案:
实现原理:主要是在页面调用时加了一个参数,然后在上传页面根据此参数动态设置要上传的数量
1.修改\tpl_admin\simpleboot\Asset\swfupload.html源文件代码(仅修改过的JS文件列出)
<script> /** * @Author: HTL * @Email: [email protected] * @DateTime: 2015-07-13 14:23:01 * @Description: 通过参数自定义上传的数量 */ var _file_upload_limit="<php>echo $_GET[‘max_count‘];</php>"; //默认为1个,为0则表示不限制 if(_file_upload_limit.length<=0) _file_upload_limit=1; //用于图库加载 function set_iframe(id,src){ if($("#"+id).attr("src")==""){ $("#"+id).attr("src",src); } } //网络地址 function addonlinefile(obj){ var strs = $(obj).val()?‘|‘+ $(obj).val():‘‘; $(‘#att-status‘).html(strs); } //是否添加水印设置 function change_params(){ if($(‘#watermark_enable‘).attr(‘checked‘)){ swfu.addPostParam(‘watermark_enable‘,‘1‘); }else{ swfu.removePostParam(‘watermark_enable‘); } } //图片选择处理回调 function album_cancel(obj,id,source){ //图片地址 var src = $(obj).attr("data-path"); //上传图片文件名 var filename = $(obj).attr("title"); //选择状态中的数据对象 var selected = $("#fsUploadProgress .selected"); if($("#aid-"+id).hasClass(‘selected‘)){ $("#aid-"+id).removeClass("selected"); selected = $("#fsUploadProgress .selected"); var imgstr = $("#att-status").html(); var length = selected.children("img").length; var strs = filenames =‘‘; for(var i=0;i<length;i++){ strs +=‘|‘+selected.children("img").eq(i).attr(‘path‘); filenames +=‘|‘+selected.children("img").eq(i).attr(‘title‘); } $(‘#att-status‘).html(strs); $(‘#att-status‘).html(filenames); }else{ var num = $(‘#att-status‘).html().split(‘|‘).length; var file_upload_limit = _file_upload_limit;//自定义上传的数量 //_file_upload_limit=0为不限制数量 if(file_upload_limit>0&& num > file_upload_limit){alert(‘不能选择超过‘+file_upload_limit+‘个附件‘);returnfalse;} $("#aid-"+id).addClass("selected"); $(‘#att-status‘).append(‘|‘+src); $(‘#att-name‘).append(‘|‘+filename); } } </script> <scripttype="text/javascript"> var swfu =‘‘; $(document).ready(function(){ Wind.use("swfupload",GV.DIMAUB+"statics/js/swfupload/handlers.js",function(){ swfu =newSWFUpload({ flash_url:"__ROOT__/statics/js/swfupload/swfupload.swf", upload_url:"{:u(‘asset/swfupload‘)}", file_post_name :"Filedata", post_params:{ "{:C(‘VAR_SESSION_ID‘)}":"{:session_id()}", "thumb_width":"0", "thumb_height":"0", "watermark_enable":"1", "filetype_post":"jpg|jpeg|gif|png|bmp|zip" }, file_size_limit:"20240KB", file_types:"*.jpg;*.jpeg;*.gif;*.png;*.bmp;*.zip", file_types_description:"All Files", file_upload_limit:_file_upload_limit,//自定义上传的数量 custom_settings :{progressTarget :"fsUploadProgress",cancelButtonId :"btnCancel"}, button_image_url:"", button_width:75, button_height:28, button_placeholder_id:"buttonPlaceHolder", button_text_style:"", button_text_top_padding:3, button_text_left_padding:12, button_window_mode:SWFUpload.WINDOW_MODE.TRANSPARENT, button_cursor:SWFUpload.CURSOR.HAND, file_dialog_start_handler : fileDialogStart, file_queued_handler : fileQueued, file_queue_error_handler:fileQueueError, file_dialog_complete_handler:fileDialogComplete, upload_progress_handler:uploadProgress, upload_error_handler:uploadError, upload_success_handler:uploadSuccess, upload_complete_handler:uploadComplete }); }); })</script> <script> $(function(){ $("#att-status").html(""); $("#att-status-del").html(""); $("#att-name").html(""); }); //设置上传的最大数量,为0表示不限制数量 if(_file_upload_limit<=0) $("#max_count").text("N"); else $("#max_count").text(_file_upload_limit); </script>
2.替换\tpl_admin\simpleboot\Portal\AdminPost\里的edit.html和add.html以下内容
<ahref="javascript:;"style="margin:5px0;"onclick="javascript:flashupload(‘albums_images‘,‘图片上传‘,‘photos‘,change_images,‘10,gif|jpg|jpeg|png|bmp,0‘,‘‘,‘‘,‘‘)"class="btn">选择图片 </a> //更改为,max_count=0表示不限制,不设置默认为1 <ahref="javascript:;"style="margin:5px0;"onclick="javascript:flashupload(‘albums_images‘,‘图片上传‘,‘photos‘,change_images,‘10,gif|jpg|jpeg|png|bmp,0‘,‘‘,‘&max_count=0‘,‘‘)"class="btn">选择图片 </a>
max_count=0
max_count=5 或指定数字
max_count=未设置 默认为1
时间: 2024-10-15 00:34:15