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

在字段管理的任意字段，添加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}]} });
}