首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国cms后台添加信息页的标题图片增加预览按钮

帝国cms后台添加信息页的标题图片增加预览按钮

时间：2023年05月25日

来源：网络

编辑：佚名

在字段管理的任意字段，添加js引用
<script type="text/javascript" src="/e/extend/hdiy/jhc.js"></script>
在帝国cms的e目录下的extend目录下，建立一个目录，叫做hdiy，在这个目录下，建立一个名字为jhc.js的js文件，其内容为：
if(!(window.jQuery)) {
var s = document.createElement('script');
s.setAttribute('src', '//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js');
s.setAttribute('type', 'text/javascript');
document.getElementsByTagName('head')[0].appendChild(s);
}
if(window.addEventListener){window.addEventListener("load",hdiy,false);}else{window.attachEvent("onload",hdiy);}
function hdiy(){
$(function(){
$.getScript('//www.layuicdn.com/layui/layui.all.js');
$("<link>").attr({ rel: "stylesheet",type: "text/css",href: "//www.layuicdn.com/layui/css/layui.css"}).appendTo("head");
$("input[name='titlepic']").parent().append('<button type="button" class="layui-btn-normal layui-btn layui-btn-xs layui-btn-radius" onClick="yulan();return false;">预览</button>');
});
}
function yulan(){
var jhcurl=$("input[name='titlepic']").val();
layer.photos({ photos: {"data": [{"src": jhcurl}]} });
}

新闻资讯更多

猜你需要