phpcms v9多图上传更改为“以图片列表”模式

 寇玉鑫   2019-02-01 10:16   1998 人阅读  0 条评论

    phpcms默认的多图上传为链接模式,看上去不太直观现在修改为图片模式。

  上传时候的更改方法

打开  \statics\js\content_addtop.js
查找

替换为以下

str += "<li id='image"+ids+"'><div class='img-wrap'><a href='javascript:;'><img src='"+n+"' width='130' /></a></div><input type='hidden' name='"+returnid+"_url[]' value='"+n+"' style='width:310px;' ondblclick='image_priview(this.value);' class='input-text'><input type='text' name='"+returnid+"_alt[]' value='"+filename+"' style='width:86px;' class='input-text' onfocus=\"if(this.value == this.defaultValue) this.value = ''\" onblur=\"if(this.value.replace(' ','') == '') this.value = this.defaultValue;\"> <a href=\"javascript:remove_div('image"+ids+"')\">移除</a> </li>";

编辑文章 图片列表
打开\phpcms\modules\content\fields\images\form.inc.php
把此文件中代码全部替换为“也可以对比着修改”

        function images($field, $value, $fieldinfo) {
                extract($fieldinfo);
                $list_str = '';
                if($value) {
                        $value = string2array(html_entity_decode($value,ENT_QUOTES));
                        if(is_array($value)) {
                                foreach($value as $_k=>$_v) {
                                $list_str .= "<li id='image{$_k}'><div class='img-wrap'><a href='javascript:;'><img src='{$_v[url]}' width='130' /></a></div><input type='hidden' name='{$field}_url[]' value='{$_v[url]}' style='width:310px;' ondblclick='image_priview(this.value);' class='input-text'> <input type='text' name='{$field}_alt[]' value='{$_v[alt]}' style='width:86px;' class='input-text'> <a href=\"javascript:remove_div('image{$_k}')\">".L('remove_out', '', 'content')."</a></li>";
                                }
                        }
                } else {
                        $list_str .= "<center><div class='onShow' id='nameTip'>".L('upload_pic_max', '', 'content')." <font color='red'>{$upload_number}</font> ".L('tips_pics', '', 'content')."</div></center>";
                }
                $string = '<input name="info['.$field.']" type="hidden" value="1">
                <fieldset class="blue pad-10">
        <legend>'.L('pic_list').'</legend>';
                $string .= '<ul id="'.$field.'" class="picList clear">'.$list_str.'</ul>';
                $string .= '
                </fieldset>
                <div class="bk10"></div>
                ';
                if(!defined('IMAGES_INIT')) {
                        $str = '<script type="text/javascript" src="statics/js/swfupload/swf2ckeditor.js"></script>';
                        define('IMAGES_INIT', 1);
                }
                $authkey = upload_key("$upload_number,$upload_allowext,$isselectimage");
                $string .= $str."<div class='picBut cu'><a herf='javascript:void(0);' onclick=\"javascript:flashupload('{$field}_images', '".L('attachment_upload')."','{$field}',change_images,'{$upload_number},{$upload_allowext},{$isselectimage}','content','$this->catid','{$authkey}')\"/> ".L('select_pic')." </a></div>";
                return $string;
        }

最后就是修改css了
打开\statics\css\table_form.css
查找:.picList li
替换为

.picList li{ width:135px; float:left; padding:0 15px 15px; }
.picList li a{font-size:12px}
.picList li div.img-wrap{ margin-bottom:5px; height:130px;}
.picList li div.img-wrap a{ height:130px;*font-size:100px;}


本文地址:http://www.kouyuxin.com/article/263.html
版权声明:本文为SEO教程原创文章,版权归 寇玉鑫 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?