图文发布"/>
thinkphp5图文发布
<!DOCTYPE html>
<html class="x-admin-sm"><head><meta charset="UTF-8"><title>欢迎页面-X-admin2.1</title><meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><link rel="stylesheet" href="__STATIC__/admin/css/font.css"><link rel="stylesheet" href="__STATIC__/admin/css/xadmin.css"><script src=".3.1.min.js"></script><script type="text/javascript" src="__STATIC__/admin/lib/layui/layui.js" charset="utf-8"></script><script type="text/javascript" src="__STATIC__/admin/js/xadmin.js"></script><script type="text/javascript" src="__STATIC__/admin/js/cookie.js"></script><script type="text/javascript" src="/ueditor/ueditor.config.js"></script><script type="text/javascript" src="/ueditor/ueditor.all.js"></script></head><body><div class="x-body"><div class="layui-form"><div class="layui-form-item"><label for="title" class="layui-form-label"><span class="x-red">*</span>文章标题</label><div class="layui-input-inline"><input type="text" id="title" name="title" required="" lay-verify="" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><label for="icon" class="layui-form-label"><span class="x-red">*</span>缩略图</label><div class="layui-input-inline"><img " $('#dan_file').click();" id="img1" src="/uploads/public_img/jiahao.jpg" style="width: 60px;height: 60px"/><iframe name="danifr" frameborder="0" style="display: none"></iframe><form style="display: none" target="danifr" action="/index.php/upload" method="post" enctype="multipart/form-data"><input id="dan_file" type="file" " $('#dan_submit').click();" name="icon" required="" lay-verify="" autocomplete="off" class="layui-input"><br/><input id="dan_submit" type="submit" value="上传"></form></div></div><div class="layui-form-item"><label for="images" class="layui-form-label"><span class="x-red">*</span>轮播图</label><div class="layui-input-inline"><iframe name="duoifr" style="display: none"></iframe><form action="/index.php/uploads" method="post" target="duoifr" enctype="multipart/form-data"><span><input type="button" "do_do()" value="上传图片" style="background-color: #009688;color: #fff; border-radius: 10px;padding: 5px"></span><span hidden><input id="duo_file" "do_do1()" type="file" name="images" required="" lay-verify="" autocomplete="off" class="layui-input"></span><span hidden><input id="duo_submit" type="submit" value="上传"></span></form><div id="tui_tu"><img class="tui_pic_i" src=""/></div></div></div><div class="layui-form-item"><label for="arturl" class="layui-form-label"><span class="x-red">*</span>文章链接</label><div class="layui-input-inline"><input type="text" id="arturl" name="arturl" required="" lay-verify="" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><label for="category" class="layui-form-label"><span class="x-red">*</span>分类</label><div class="layui-input-inline"><select name="category" id="category">{volist name="info" id="vo"}<option value="{$vo.cid}">{$vo.categoryname}</option>{/volist}</select></div></div><div class="layui-form-item layui-form-text"><label for="desc" class="layui-form-label">文章描述</label><div class="layui-input-block"><textarea placeholder="请输入内容" id="desc" name="desc" required="" lay-verify="" autocomplete="off" class="layui-textarea"></textarea></div></div><div class="layui-form-item layui-form-text"><label class="layui-form-label">文章详情</label><div class="layui-input-block"><script type="text/javascript">var ue = UE.getEditor('container');</script><script id="container" name="content" required="" lay-verify="" autocomplete="off" type="text/plain" style="height: 400px;position: relative;z-index: 0"></script></div></div><div class="layui-form-item"><label class="layui-form-label"></label><button class="layui-btn" lay-filter="add" lay-submit="" "subinfo()">增加</button></div></div></div><script>function subinfo(){var num = $('.tui_pic_i');var str1 = '';for(i=0;i<num.length;i++){str1 += num.eq(i).attr('src')+',';}var title = $('#title').val();//标题var icon = $('#img1')[0].src;//缩略图var images = str1;//轮播图var url = $('#arturl').val();//链接var cid = $('#category option:selected').val();//分类IDvar category = $('#category option:selected').text();//分类名称var desc = $('#desc').val();//链接var details = UE.getEditor('container').getContent();//详情$.ajax({type: "post",url: "{:url('/articleAddMethod')}",data: {title:title,icon:icon,images:images,url:url,cid:cid,category:category,desc:desc,details:details,},dataType: "text",success: function (data) {e = eval('(' + data + ')');if(e.status==1){layer.alert("添加成功",{icon: 6},function(){// 获得frame索引var index = parent.layer.getFrameIndex(window.name);//关闭当前frameparent.layer.close(index);// 可以对父窗口进行刷新x_admin_father_reload();});}else {layer.msg(e.info,{time:1000});}}});}function tui_pic_img(id){$(id).remove();}function do_do(id){var num = $('.tui_pic_i');if(num.length>9){layer.alert('最多附图9张');return false;}$("#duo_file").click();}function do_do1(id){$("#duo_submit").click();}</script></body></html>
更多推荐
thinkphp5图文发布
发布评论