|
|
@@ -4,7 +4,6 @@
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="renderer" content="webkit">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<title>后台</title>
|
|
|
<link rel="stylesheet" href="../../layui/css/layui.css">
|
|
|
<link rel="stylesheet" href="../../css/common.css">
|
|
|
@@ -29,10 +28,7 @@
|
|
|
</a>
|
|
|
<dl class="layui-nav-child">
|
|
|
<dd>
|
|
|
- <a href="">基本资料</a>
|
|
|
- </dd>
|
|
|
- <dd>
|
|
|
- <a href="">安全设置</a>
|
|
|
+ <a href="javascript:void(0)" onclick="showPop()">基本资料</a>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
</li>
|
|
|
@@ -41,6 +37,38 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
+ <div class="layui-row" id="popUpdate" style="display:none;">
|
|
|
+ <div class="layui-col-md10">
|
|
|
+ <form class="layui-form layui-from-pane" lay-filter="modeformData" style="margin-top:20px">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">账号</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="name" id="modename" readonly autocomplete="off" placeholder="请输入账号" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">昵称</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" id="modenickname" name="nickname" required lay-verify="required" autocomplete="off" placeholder="请输入昵称"
|
|
|
+ class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">密码</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="password" name="password" id="modepassword" required lay-verify="required" placeholder="请输入密码" autocomplete="off"
|
|
|
+ class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item" style="margin-top:40px">
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button class="layui-btn layui-btn-submit " lay-submit="" lay-filter="modebtn">确认修改</button>
|
|
|
+ <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="layui-side layui-side-menu">
|
|
|
<div class="layui-side-scroll">
|
|
|
@@ -222,444 +250,145 @@
|
|
|
<a lay-href="/">主页</a>
|
|
|
<span lay-separator="">/</span>
|
|
|
<a>
|
|
|
- <cite>后台用户列表</cite>
|
|
|
+ <cite>用户权限管理</cite>
|
|
|
</a>
|
|
|
<span lay-separator="">/</span>
|
|
|
<a href="javascript:history.back(-1)">返回</a>
|
|
|
</div>
|
|
|
<div class="main">
|
|
|
- <div class="searchbox">
|
|
|
- <span>账号：</span>
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="restname" id="restname" autocomplete="off">
|
|
|
- </div>
|
|
|
- <span class="searchname">昵称：</span>
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="restnickname" id="restnickname" autocomplete="off">
|
|
|
- </div>
|
|
|
- <span class="searchname">角色：</span>
|
|
|
- <div class="layui-form layui-inline">
|
|
|
- <select name="restrole" lay-filter="restrole" id="restrole">
|
|
|
- <option value="0">请选择角色</option>
|
|
|
- <option value="1">超级管理员</option>
|
|
|
- <option value="2">管理员</option>
|
|
|
- <option value="3">操作员</option>
|
|
|
- <option value="4">会计</option>
|
|
|
- </select>
|
|
|
+ <form class="layui-form" lay-filter="formData">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">权限设置</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="hidden" name="userid" id="userid">
|
|
|
+ <button type="button" class="layui-btn layui-btn-sm" lay-mode="reload">数据初始化</button>
|
|
|
+ <div id="modetree" class="demo-tree-more"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <span class="searchname">创建时间：</span>
|
|
|
- <div class="layui-inline">
|
|
|
- <input type="text" class="layui-input" readonly id="createtime">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button class="layui-btn" lay-submit lay-filter="formDemo">保存</button>
|
|
|
+ <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <button class="layui-btn" data-type="reload">搜索</button>
|
|
|
- </div>
|
|
|
- <table class="layui-hide" id="tables" lay-filter="tables"></table>
|
|
|
- <script type="text/html" id="bar">
|
|
|
- <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
|
|
- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
|
|
- </script>
|
|
|
- <div class="layui-row" id="popUpdateTest" style="display:none;">
|
|
|
- <div class="layui-col-md10">
|
|
|
- <form class="layui-form layui-from-pane" lay-filter="formData" style="margin-top:20px">
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">账号</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="text" name="name" id="name" required lay-verify="required" autocomplete="off" placeholder="请输入账号" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">昵称</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="text" id="nickname" name="nickname" required lay-verify="required" autocomplete="off" placeholder="请输入昵称" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">角色</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <select name="role" lay-filter="role">
|
|
|
- <option value="0">请选择角色</option>
|
|
|
- <option value="1">超级管理员</option>
|
|
|
- <option value="2">管理员</option>
|
|
|
- <option value="3">操作员</option>
|
|
|
- <option value="4">会计</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">头像</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <span class="img-box" id="img-box">
|
|
|
- <input type="file" id="chooseImage" accept="image/gif,image/jpeg,image/jpg,image/png" name="file" onchange="filechange(event)" />
|
|
|
- <img src="" id="oldhead" class="oldhead">
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item" style="margin-top:40px">
|
|
|
- <div class="layui-input-block">
|
|
|
- <button class="layui-btn layui-btn-submit " lay-submit="" lay-filter="btn">确认修改</button>
|
|
|
- <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <script src="../../layui/layui.js"></script>
|
|
|
<script src="../../js/jquery.js"></script>
|
|
|
<script src="../../js/common.js"></script>
|
|
|
- <script src="../../layui/layui.js"></script>
|
|
|
- <script type="text/javascript">
|
|
|
- layui.use(['element'], function () {
|
|
|
- var element = layui.element;
|
|
|
- });
|
|
|
- var datas = {
|
|
|
- 'code': 0,
|
|
|
- 'msg': '',
|
|
|
- "count": 1000,
|
|
|
- "data": [
|
|
|
- {
|
|
|
- id:1,
|
|
|
- name: '哈哈哈',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 1
|
|
|
- },
|
|
|
- {
|
|
|
- id:2,
|
|
|
- name: '哈哈哈0',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 2
|
|
|
- },
|
|
|
- {
|
|
|
- id:3,
|
|
|
- name: '哈哈哈2',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 3
|
|
|
- },
|
|
|
- {
|
|
|
- id:4,
|
|
|
- name: '哈哈哈3',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 4
|
|
|
- },
|
|
|
- ]
|
|
|
- }
|
|
|
- // 创建表格
|
|
|
- layui.use(['table', 'form','laydate'], function () {
|
|
|
- var table = layui.table,
|
|
|
- form = layui.form,
|
|
|
- laydate = layui.laydate;
|
|
|
- laydate.render({
|
|
|
- elem: '#createtime',
|
|
|
- value: new Date()
|
|
|
- });
|
|
|
- table.render({
|
|
|
- elem: '#tables',
|
|
|
- // url: '', //获取数据的接口
|
|
|
- data: [
|
|
|
- {
|
|
|
- id:1,
|
|
|
- name: '哈哈哈',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 1,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- {
|
|
|
- id:2,
|
|
|
- name: '哈哈哈0',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 2,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- {
|
|
|
- id:3,
|
|
|
- name: '哈哈哈2',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 3,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- {
|
|
|
- id:4,
|
|
|
- name: '哈哈哈3',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 4,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- {
|
|
|
- id:5,
|
|
|
- name: '哈哈哈',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 1,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- {
|
|
|
- id:6,
|
|
|
- name: '哈哈哈0',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 2,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- {
|
|
|
- id:7,
|
|
|
- name: '哈哈哈2',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 3,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- {
|
|
|
- id:8,
|
|
|
- name: '哈哈哈3',
|
|
|
- nickname: '哈哈哈哈哈',
|
|
|
- logo: 'https://www.55128.cn/static/images/logo-1.png',
|
|
|
- role: 4,
|
|
|
- createtime: '2020-04-20'
|
|
|
- },
|
|
|
- ],
|
|
|
- title: '用户数据表',
|
|
|
- cellMinWidth: 120,
|
|
|
- cols: [[
|
|
|
- { title: 'ID',align: 'center',type:'numbers'},
|
|
|
- { field: 'name', title: '账号'},
|
|
|
- { field: 'nickname', title: '昵称' },
|
|
|
- {
|
|
|
- field: 'role', title: '角色', templet: function (res) {
|
|
|
- var str = '管理员';
|
|
|
- switch (res.role) {
|
|
|
- case 1:
|
|
|
- str = '超级管理员';
|
|
|
- break;
|
|
|
- case 2:
|
|
|
- str = '管理员'
|
|
|
- break;
|
|
|
- case 3:
|
|
|
- str = '操作员'
|
|
|
- break;
|
|
|
- case 4:
|
|
|
- str = '会计'
|
|
|
- break;
|
|
|
- }
|
|
|
- return str
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- field: 'logo', title: '头像', templet: function (res) {
|
|
|
- return "<img class='headpic' src='" + res.logo + "'>"
|
|
|
- }
|
|
|
- },
|
|
|
- { field: 'createtime', title: '创建时间',templet: function (res) {
|
|
|
- return formatDate(res.createtime)
|
|
|
- }
|
|
|
- },
|
|
|
- { fixed: 'right', title: '操作', toolbar: '#bar' }
|
|
|
- ]],
|
|
|
- page: true, //分页
|
|
|
- count: 4,
|
|
|
- limit: 2,
|
|
|
- id: 'searchReload',
|
|
|
- height:'full-175'
|
|
|
- })
|
|
|
- $('.searchbox .layui-btn').on('click', function(){
|
|
|
- var name = $.trim($('#restname').val());
|
|
|
- var nickname = $.trim($('#restnickname').val());
|
|
|
- var role = $.trim($('#restrole').val());
|
|
|
- var createtime = $.trim($("#createtime").val())
|
|
|
- if(name == '' && nickname == '' && role == 0 && createtime == '') {
|
|
|
- layer.msg("请输入查询条件", {icon: 5});
|
|
|
- return false
|
|
|
- }
|
|
|
- table.reload('searchReload', {
|
|
|
- url:'',//查询返回的接口
|
|
|
- page: {
|
|
|
- curr: 1 //重新从第 1 页开始
|
|
|
- },
|
|
|
- where: {
|
|
|
- name: name,
|
|
|
- nickname:nickname,
|
|
|
- role:role,
|
|
|
- createtime:createtime
|
|
|
- }
|
|
|
- })
|
|
|
+ <script>
|
|
|
+ layui.use(['tree', 'layer', 'util', 'form'], function () {
|
|
|
+ var tree = layui.tree,
|
|
|
+ layer = layui.layer,
|
|
|
+ util = layui.util,
|
|
|
+ form = layui.form;
|
|
|
+ var data = [{
|
|
|
+ title: '一级2'
|
|
|
+ , id: 2
|
|
|
+ , field: ''
|
|
|
+ , spread: true
|
|
|
+ , children: [{
|
|
|
+ title: '二级2-1'
|
|
|
+ , id: 5
|
|
|
+ , field: ''
|
|
|
+ , spread: true
|
|
|
+ , children: [{
|
|
|
+ title: '三级2-1-1'
|
|
|
+ , id: 11
|
|
|
+ , field: ''
|
|
|
+ }, {
|
|
|
+ title: '三级2-1-2'
|
|
|
+ , id: 12
|
|
|
+ , field: ''
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ title: '二级2-2'
|
|
|
+ , id: 6
|
|
|
+ , field: ''
|
|
|
+ , children: [{
|
|
|
+ title: '三级2-2-1'
|
|
|
+ , id: 13
|
|
|
+ , field: ''
|
|
|
+ }, {
|
|
|
+ title: '三级2-2-2'
|
|
|
+ , id: 14
|
|
|
+ , field: ''
|
|
|
+ , disabled: true
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ title: '一级3'
|
|
|
+ , id: 16
|
|
|
+ , field: ''
|
|
|
+ , children: [{
|
|
|
+ title: '二级3-1'
|
|
|
+ , id: 17,
|
|
|
+ checked:true
|
|
|
+ , field: ''
|
|
|
+ ,
|
|
|
+ }, {
|
|
|
+ title: '二级3-2'
|
|
|
+ , id: 27
|
|
|
+ , field: '',
|
|
|
+ checked:false
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ tree.render({
|
|
|
+ elem: '#modetree',
|
|
|
+ data: data,
|
|
|
+ showCheckbox: true,
|
|
|
+ id: 'treedata',
|
|
|
+ isJump: false,
|
|
|
});
|
|
|
- //操作每一行的数据
|
|
|
- table.on('tool(tables)', function (obj) {
|
|
|
- var data = obj.data;
|
|
|
- if (obj.event === 'del') {
|
|
|
- layer.confirm('真的删除行么', function (index) {
|
|
|
- // obj.del();
|
|
|
- $.ajax({
|
|
|
- url:'/',
|
|
|
- type:'get?id='+data.id,
|
|
|
- success:function(res) {
|
|
|
- if(res.code == 0) {
|
|
|
- layer.msg("删除成功", {icon: 6});
|
|
|
- }else{
|
|
|
- layer.msg("删除失败", {icon: 5});
|
|
|
- }
|
|
|
- layer.close(index);
|
|
|
- }
|
|
|
- })
|
|
|
- });
|
|
|
- } else if (obj.event === 'edit') {
|
|
|
- window.location.href = 'adminadd.html?id='+data.id
|
|
|
- // layer.open({
|
|
|
- // type: 1,
|
|
|
- // title: "修改个人信息",
|
|
|
- // area: ['420px', '500px'],
|
|
|
- // shade: 0,
|
|
|
- // content: $("#popUpdateTest"),//引用的弹出层的页面层的方式加载修改界面表单
|
|
|
- // success: function (layero, index) {
|
|
|
- // //表单初始赋值
|
|
|
- // form.val('formData', data)
|
|
|
- // $("#oldhead").attr('src', data.logo)
|
|
|
- // },
|
|
|
- // cancel: function(){ //点击取消
|
|
|
- // $("#popUpdateTest").hide()
|
|
|
- // layer.closeAll()
|
|
|
- // }
|
|
|
- // });
|
|
|
- //动态向表传递赋值可以参看文章进行修改界面的更新前数据的显示，当然也是异步请求的要数据的修改数据的获取
|
|
|
- // setFormValue(obj, data);
|
|
|
+ // 回到初始化
|
|
|
+ util.event('lay-mode', {
|
|
|
+ reload: function () {
|
|
|
+ tree.reload('treedata', {});
|
|
|
}
|
|
|
});
|
|
|
- // 提交修改的数据
|
|
|
- function setFormValue(obj, data) {
|
|
|
- form.on('submit(btn)', function(msg) {
|
|
|
- var uregs = /^[a-zA-Z0-9]{4,12}$/
|
|
|
- var pregs = /^[a-zA-Z0-9]{6,12}$/
|
|
|
- if(!uregs.test(msg.field.name)) {
|
|
|
- layer.tips('请输入正确的账号格式',$("#name"),{
|
|
|
- tips: [3, '#0FA6D8']
|
|
|
- });
|
|
|
- $("#name").focus();
|
|
|
- return false;
|
|
|
- }
|
|
|
- if(msg.field.nickname.length < 4 || msg.field.nickname.length > 12) {
|
|
|
- layer.tips('请输入正确的昵称格式',$("#nickname"),{
|
|
|
- tips: [3, '#0FA6D8']
|
|
|
- });
|
|
|
- $("#nickname").focus();
|
|
|
- return false;
|
|
|
- }
|
|
|
- $.ajax({
|
|
|
- url:'', //接受修改的数据
|
|
|
- type:'post',
|
|
|
- dataType:'json',
|
|
|
- data:{id:data.id,name:msg.field.name,nickname:msg.field.nickname,role:msg.field.role},
|
|
|
- success:function (res) {
|
|
|
- if(res.code == 0){
|
|
|
- layer.closeAll('loading');
|
|
|
- layer.load(2);
|
|
|
- layer.msg("修改成功", {icon: 6});
|
|
|
- layer.closeAll()
|
|
|
- }else{
|
|
|
- layer.msg("修改失败", {icon: 5});
|
|
|
- }
|
|
|
+ form.on('submit(formDemo)', function (data) {
|
|
|
+ var checkedData = tree.getChecked('treedata'); //获取所有选中节点的数据
|
|
|
+ console.log(checkedData)
|
|
|
+ return false
|
|
|
+ var obj = {
|
|
|
+ userid: 1,
|
|
|
+ menulist: [],
|
|
|
+ }
|
|
|
+ checkedData.forEach(function (item) {
|
|
|
+ item.children.forEach(function (subItem) {
|
|
|
+ var brr = []
|
|
|
+ brr.push(subItem.id)
|
|
|
+ if (subItem.checked) {
|
|
|
+ brr.push(1)
|
|
|
}
|
|
|
+ obj.menulist.push(brr)
|
|
|
})
|
|
|
})
|
|
|
- }
|
|
|
- })
|
|
|
- $("#oldhead").click(function () {
|
|
|
- $("#chooseImage").click();
|
|
|
- })
|
|
|
- //上传头像
|
|
|
- function filechange(e) {
|
|
|
- var files = e.target.files, file;
|
|
|
- if (files && files.length > 0) {
|
|
|
- // 获取目前上传的文件
|
|
|
- file = files[0];// 文件大小校验的动作
|
|
|
- if (file.size > 1024 * 1024 * 2) {
|
|
|
- alert('图片大小不能超过 2MB!');
|
|
|
- return false;
|
|
|
- }
|
|
|
- // 获取 window 的 URL 工具
|
|
|
- var URL = window.URL || window.webkitURL;
|
|
|
- // 通过 file 生成目标 url
|
|
|
- var imgURL = URL.createObjectURL(file);
|
|
|
- //用attr将img的src属性改成获得的url
|
|
|
- $("#oldhead").attr("src", imgURL);
|
|
|
- // 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
|
|
|
- // URL.revokeObjectURL(imgURL);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- // <img id="articleImg" width="180" height="100">
|
|
|
- // <input type="file" value="上传" id="articleImg
|
|
|
- $('#articleImgBtn').change(function(){
|
|
|
- run(this, function (data) {
|
|
|
- uploadImage(data);
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
- function run(input_file, get_data) {
|
|
|
- /*input_file：文件按钮对象*/
|
|
|
- /*get_data: 转换成功后执行的方法*/
|
|
|
- if (typeof (FileReader) === 'undefined') {
|
|
|
- alert("抱歉，你的浏览器不支持 FileReader，不能将图片转换为Base64，请使用现代浏览器操作！");
|
|
|
- } else {
|
|
|
- try {
|
|
|
- /*图片转Base64 核心代码*/
|
|
|
- var file = input_file.files[0];
|
|
|
- //这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件
|
|
|
- if (!/image\/\w+/.test(file.type)) {
|
|
|
- alert("请确保文件为图像类型");
|
|
|
- return false;
|
|
|
- }
|
|
|
- var reader = new FileReader();
|
|
|
- reader.onload = function () {
|
|
|
- get_data(this.result);
|
|
|
- }
|
|
|
- reader.readAsDataURL(file);
|
|
|
- } catch (e) {
|
|
|
- alert('图片转Base64出错啦！' + e.toString())
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- function uploadImage(img) {
|
|
|
- //判断是否有选择上传文件
|
|
|
- var imgPath = $("#articleImgBtn").val();
|
|
|
- if (imgPath == "") {
|
|
|
- alert("请选择上传图片！");
|
|
|
- return;
|
|
|
- }
|
|
|
- //判断上传文件的后缀名
|
|
|
- var strExtension = imgPath.substr(imgPath.lastIndexOf('.') + 1);
|
|
|
- if (strExtension != 'jpg' && strExtension != 'gif'
|
|
|
- && strExtension != 'png' && strExtension != 'bmp') {
|
|
|
- alert("请选择图片文件");
|
|
|
- return;
|
|
|
- }
|
|
|
$.ajax({
|
|
|
- type: "POST",
|
|
|
- url:'上传图片接口',
|
|
|
- data: { token: token,file: img.substr(img.indexOf(',') + 1)}, //视情况将base64的前面字符串data:image/png;base64,删除
|
|
|
- cache: false,
|
|
|
- success: function(data) {
|
|
|
- alert("上传成功");
|
|
|
- $("#articleImg").attr('src', JSON.parse(data).imageUrl);
|
|
|
+ type: 'post',
|
|
|
+ url: 'http://192.168.2.161/AdminUsers/PostMenu', //接受设置的数据
|
|
|
+ dataType: 'json',
|
|
|
+ data: obj,
|
|
|
+ success: function (res) {
|
|
|
+ if (res.code == 0) {
|
|
|
+ layer.msg('保存成功', { icon: 6 }, function () {
|
|
|
+ location.reload();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ layer.msg("网络错误，请稍后再试", { icon: 5 });
|
|
|
+ }
|
|
|
},
|
|
|
- error: function(XMLHttpRequest, textStatus, errorThrown) {
|
|
|
- alert("上传失败，请检查网络后重试");
|
|
|
+ error: function () {
|
|
|
+ layer.msg("网络错误，请稍后再试", { icon: 5 });
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
+ })
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ })
|
|
|
</script>
|
|
|
</body>
|
|
|
|
