article_add.php——article_add.htm—— 具体步骤 一、修改article_add.htm中的
 缩 略 图:
远程
下新加:
缩略图2
远程
目的是为了增加缩略图2栏目 要点: 1、CSS选项修改:复制litpic和litpic_span的css,粘贴为pic和pic_span,这两个css在dede\css\base.css中修改(css可改可不改,之所以改是为了思路清晰) 2、为了和缩略图区别开,以下参所做了修改; litpic修改为pic picname修改为picname_b divpicview修改为divpicview_b SeePicNew修改为SeePicNew_b imageCut修改为imageCut_b 二、修改article_add.php中的 1:上传缩略图 //处理上传的缩略图 if(empty($ddisremote)) { $ddisremote = 0; } $litpic = GetDDImage('none', $picname, $ddisremote); 下新加 //处理上传的大缩略图 if(empty($ddisremote)) { $ddisremote = 0; } $pic = GetDDImage('none', $picname_b, $ddisremote); 2:属性添加:上传图2后自动添加d属性(此属性是后加的) if($litpic!='' && !preg_match("#p#", $flag)) { $flag = ($flag=='' ? 'p' : $flag.',p'); } 下新加: if($pic!='' && !preg_match("#d#", $flag)) { $flag = ($flag=='' ? 'd' : $flag.',d'); } 3、增加保存项: 原 //保存到主表 $query = "INSERT INTO `#@__archives`(id,typeid,typeid2,sortrank,flag,ismake,channel,arcrank,click,money,title,shorttitle, color,writer,source,litpic,pic,pubdate,senddate,mid,voteid,notpost,description,keywords,filename,dutyadmin,weight) VALUES ('$arcID','$typeid','$typeid2','$sortrank','$flag','$ismake','$channelid','$arcrank','$click','$money', '$title','$shorttitle','$color','$writer','$source','$litpic','$pic','$pubdate','$senddate', '$adminid','$voteid','$notpost','$description','$keywords','$filename','$adminid','$weight');"; 修改为: //保存到主表 $query = "INSERT INTO `#@__archives`(id,typeid,typeid2,sortrank,flag,ismake,channel,arcrank,click,money,title,shorttitle, color,writer,source,litpic,pic,pubdate,senddate,mid,voteid,notpost,description,keywords,filename,dutyadmin,weight) VALUES ('$arcID','$typeid','$typeid2','$sortrank','$flag','$ismake','$channelid','$arcrank','$click','$money', '$title','$shorttitle','$color','$writer','$source','$litpic','$pic','$pubdate','$senddate', '$adminid','$voteid','$notpost','$description','$keywords','$filename','$adminid','$weight');"; 三、增加d(图2)属性 在dede后台sql命令处执行如下命令: insert into `dede_arcatt`(sortid,att,attname) values(9,'d','大缩略图'); alter table `dede_archives` modify `flag` set ('s','h','f','c','p','j','a','b','d') default NULL 四、将imagecut.php另存为imagecut_b.php并修改如下 1、将文件中的picname一律修改为picname_b 2、将文件中的divpicview一律修改为divpicview_b 3、将: include DEDEADMIN.'/templets/imagecut.htm'; 修改为 include DEDEADMIN.'/templets/imagecut_b.htm'; 五、修改archives_do.php文件完成上传步骤 /*-------------------------- //异步上传缩略图 function uploadLitpic(){ } ---------------------------*/ else if($dopost=="uploadLitpic") { $upfile = AdminUpload('litpic', 'imagelit', 0, false ); if($upfile=='-1') { $msg = ""; } else if($upfile=='-2') { $msg = ""; } else if($upfile=='0') { $msg = ""; } else { if(!empty($cfg_uplitpic_cut) && $cfg_uplitpic_cut=='N') { $msg = ""; } else { $msg = ""; } } echo $msg; exit(); } 下新加: /*-------------------------- //异步上传大缩略图 function uploadpic(){ } ---------------------------*/ else if($dopost=="uploadpic") { $upfile = AdminUpload('pic', 'imagelit', 0, false ); if($upfile=='-1') { $msg = ""; } else if($upfile=='-2') { $msg = ""; } else if($upfile=='0') { $msg = ""; } else { if(!empty($cfg_uppic_cut) && $cfg_uppic_cut=='N') { $msg = ""; } else { $msg = ""; } } echo $msg; exit(); } 六、修改main.js,目的是为了增加seepicnew和cutpic的动作,呃,鄙视下自己,不会些if语句 function SeePicNew(f, imgdid, frname, hpos, acname) { var newobj = null; if(f.value=='') return ; vImg = $Obj(imgdid); picnameObj = document.getElementById('picname'); nFrame = $Nav()=='IE' ? eval('document.frames.'+frname) : $Obj(frname); nForm = f.form; //修改form的action等参数 if(nForm.detachEvent) nForm.detachEvent("onsubmit", checkSubmit); else nForm.removeEventListener("submit", checkSubmit, false); nForm.action = 'archives_do.php'; nForm.target = frname; nForm.dopost.value = 'uploadLitpic'; nForm.submit(); picnameObj.value = ''; newobj = $Obj('uploadwait'); if(!newobj) { newobj = document.createElement("DIV"); newobj.id = 'uploadwait'; newobj.style.position = 'absolute'; newobj.className = 'uploadwait'; newobj.style.width = 120; newobj.style.height = 20; newobj.style.top = hpos; newobj.style.left = 100; newobj.style.display = 'block'; document.body.appendChild(newobj); newobj.innerHTML = '上传中...'; } newobj.style.display = 'block'; //提交后还原form的action等参数 nForm.action = acname; nForm.dopost.value = 'save'; nForm.target = ''; nForm.litpic.disabled = true; //nForm.litpic = null; //if(nForm.attachEvent) nForm.attachEvent("onsubmit", checkSubmit); //else nForm.addEventListener("submit", checkSubmit, true); } 下新加 function SeePicNew_b(f, imgdid, frname, hpos, acname) { var newobj = null; if(f.value=='') return ; vImg = $Obj(imgdid); picnameObj = document.getElementById('picname_b'); nFrame = $Nav()=='IE' ? eval('document.frames.'+frname) : $Obj(frname); nForm = f.form; //修改form的action等参数 if(nForm.detachEvent) nForm.detachEvent("onsubmit", checkSubmit); else nForm.removeEventListener("submit", checkSubmit, false); nForm.action = 'archives_do.php'; nForm.target = frname; nForm.dopost.value = 'uploadpic'; nForm.submit(); picnameObj.value = ''; newobj = $Obj('uploadwait'); if(!newobj) { newobj = document.createElement("DIV"); newobj.id = 'uploadwait'; newobj.style.position = 'absolute'; newobj.className = 'uploadwait'; newobj.style.width = 120; newobj.style.height = 20; newobj.style.top = hpos; newobj.style.left = 100; newobj.style.display = 'block'; document.body.appendChild(newobj); newobj.innerHTML = '上传中...'; } newobj.style.display = 'block'; //提交后还原form的action等参数 nForm.action = acname; nForm.dopost.value = 'save'; nForm.target = ''; nForm.pic.disabled = true; //nForm.pic = null; //if(nForm.attachEvent) nForm.attachEvent("onsubmit", checkSubmit); //else nForm.addEventListener("submit", checkSubmit, true); } 以及 function imageCut(fname) { if($Nav()=='IE'){ var posLeft = window.event.clientX-100; var posTop = window.event.clientY; } else{ var posLeft = 100; var posTop = 100; } if(!fname) fname = 'picname'; file = document.getElementById(fname).value; if(file == '') { alert('请先选择网站内已上传的图片'); return false; } window.open("imagecut.php?f="+fname+"&file="+file, "popUpImagesWin", "scrollbars=yes,resizable=yes,statebar=no,width=800,height=600,left="+posLeft+", top="+posTop); } 下增加: function imageCut_b(fname) { if($Nav()=='IE'){ var posLeft = window.event.clientX-100; var posTop = window.event.clientY; } else{ var posLeft = 100; var posTop = 100; } if(!fname) fname = 'picname'; file = document.getElementById(fname).value; if(file == '') { alert('请先选择网站内已上传的图片'); return false; } window.open("imagecut_b.php?f="+fname+"&file="+file, "popUpImagesWin", "scrollbars=yes,resizable=yes,statebar=no,width=800,height=600,left="+posLeft+", top="+posTop); } 七、复制imagecut.htm文件,粘贴为imagecut_b.htm,用来实现用于图2的独立动作。 批量替换picname为picname_b 批量替换divpicview为divpicview_b 批量替换imagecut为imagecut_b 八、用mysql修改工具,在dede_archives表中的设计结构中的litpic下增加pic,属性同litpic 九、关于文章修改article_edit.php //处理上传的缩略图 if(empty($ddisremote)) { $ddisremote = 0; } $litpic = GetDDImage('none',$picname,$ddisremote); 下新加 //处理上传的大缩略图 if(empty($ddisremote)) { $ddisremote = 0; } $pic = GetDDImage('none',$picname_b,$ddisremote); 以及 if($litpic!='' && !ereg('p',$flag)) { $flag = ($flag=='' ? 'p' : $flag.',p'); } 下新加 if($litpic!='' && !ereg('p',$flag)) { $flag = ($flag=='' ? 'p' : $flag.',p'); } 以及 litpic='$litpic', 下新加 pic='$pic', 十、关于文章修改article_edit.htm
 缩 略 图:
 
"> 远程 " width="150" height="100" id="picview" name="picview">
下新加
 缩略图2:
 
"> 远程 " width="150" height="100" id="picview_b" name="picview_b">
十一、关于文章修改main.js function SelectImage(fname,stype) { if($Nav()=='IE'){ var posLeft = window.event.clientX-100; var posTop = window.event.clientY; } else{ var posLeft = 100; var posTop = 100; } if(!fname) fname = 'form1.picname'; if(!stype) stype = ''; window.open("../include/dialog/select_images.php?f="+fname+"&imgstick="+stype, "popUpImagesWin", "scrollbars=yes,resizable=yes,statebar=no,width=650,height=400,left="+posLeft+", top="+posTop); } 下新加 function SelectImage_b(fname,stype,imgsel) { if($Nav()=='IE'){ var posLeft = window.event.clientX-100; var posTop = window.event.clientY; } else{ var posLeft = 100; var posTop = 100; } if(!fname) fname = 'form1.picname'; if(imgsel) imgsel = '&noeditor=yes'; if(!stype) stype = ''; window.open("../include/dialog/select_images_b.php?f="+fname+"&noeditor=yes&imgstick="+stype+imgsel, "popUpImagesWin", "scrollbars=yes,resizable=yes,statebar=no,width=650,height=400,left="+posLeft+", top="+posTop); } 十二、关于文章修改复制/include/dialog/select_images.php,粘贴为select_images_b.php,内容如下: 图片浏览器
单击关闭预览
read()) { //-----计算文件大小和创建时间 if($file!="." && $file!=".." && !is_dir("$inpath/$file")){ $filesize = filesize("$inpath/$file"); $filesize = $filesize / 1024; if($filesize != "") if($filesize < 0.1){ @list($ty1, $ty2) = split("\.", $filesize); $filesize = $ty1.".".substr($ty2, 0, 2); } else{ @list($ty1, $ty2) = split("\.", $filesize); $filesize = $ty1.".".substr($ty2, 0, 1); } $filetime = filemtime("$inpath/$file"); $filetime = MyDate("Y-m-d H:i:s", $filetime); } if($file == ".") continue; else if($file == "..") { if($activepath == "") continue; $tmp = preg_replace("#[\/][^\/]*$#i", "", $activepath); $line = "\n "; echo $line; } else if(is_dir("$inpath/$file")) { if(preg_match("#^_(.*)$#i", $file)) continue; #屏蔽FrontPage扩展目录和linux隐蔽目录 if(preg_match("#^\.(.*)$#i", $file)) continue; $line = "\n"; echo "$line"; } else if(preg_match("#\.(gif|png)#i", $file)) { $reurl = "$activeurl/$file"; $reurl = preg_replace("#^\.\.#", "", $reurl); if($cfg_remote_site=='Y' && $remoteuploads == 1) { $reurl = $remoteupUrl.$reurl; }else{ $reurl = $reurl; } if($file==$comeback) $lstyle = " style='color:red' "; else $lstyle = ""; $line = "\n"; echo "$line"; } else if(preg_match("#\.(jpg)#i", $file)) { $reurl = "$activeurl/$file"; $reurl = preg_replace("#^\.\.#", "", $reurl); if($cfg_remote_site=='Y' && $remoteuploads == 1) { $reurl = $remoteupUrl.$reurl; }else{ $reurl = $reurl; } if($file==$comeback) $lstyle = " style='color:red' "; else $lstyle = ""; $line = "\n"; echo "$line"; } }//End Loop $dh->close(); ?>
预览 点击名称选择图片 文件大小 最后修改时间
点击“V”预览图片,点击图片名选择图片,显示图片后点击该图片关闭预览。
上级目录 当前目录:$activepath
$file    
$file $filesize KB $filetime
$file $filesize KB $filetime
 上 传: />水印 缩小 宽: 高: