| layui上传写法（自用） | 您所在的位置：网站首页 › wwwpc › layui上传写法（自用） |
|
自写自用，做记录用，备注以后再完善。写的比较low 新增附件 选择附件 上传保存 {{-- 此处用来做剪切板复制 --}} 复制网址 删除 layui.use(['form','layer','laydate','table','laytpl','layedit','upload'], function(){ var form = layui.form, layer = layui.layer, $ = layui.jquery, laydate = layui.laydate, laytpl = layui.laytpl, table = layui.table, upload = layui.upload; //第一个实例 table.render({ elem: '#testData' // ,height: 312 // ,url: '/teaching/teaching_ableskyData' //数据接口 ,url: '/Admin_leiFirst_upload/operate_site_wwwPc_rules' //数据接口 因为权限问题只能用Add替换Data ,page: true //开启分页 ,id : "testDataTable" ,cols: [[ //表头 {field: 'id', title: 'ID',width:80} ,{field: 'name', title: '上传内容标识'} ,{field: 'url', title: '附件下载地址'} ,{field: 'create_at', title: '上传时间'} ,{fixed: 'right', title: '操作', toolbar: '#barDemo', width:150 } ]] }); table.on('tool(testData)', function(obj){ var data = obj.data; if(obj.event === 'del'){ layer.confirm('真的删除吗？', function(index){ $.ajax({ url: '/Admin_leiFormRules_upload_del/operate_site_wwwPc_rules/' + data.id, data: {}, type: 'get', typeData: 'json', success: function(res) { layer.msg(res.msg, {icon: 1, time: 1000, shade: 0.4}, function(){ location.reload(); }); } }); }) } else if(obj.event === 'copy') { $('#Clipboard').val(data.url).select(); document.execCommand('Copy'); layer.msg('复制成功'); } }); var uploadInst = upload.render({ elem: '#file1' ,url: '/Admin_leiFormRules_upload/operate_site_wwwPc_rules' ,data: {'_token':"{{csrf_token()}}"} ,accept: 'file' // 任意文件格式 ,multiple: true ,done: function(res){ if(res.code==10000){ console.log(res); $('#accessory-url').val(res.data.file); }else{ layer.msg(res.msg,{icon:2,time:3000}); var demoText = $('#demoText'); demoText.html('上传失败:'+res.msg+' 重试'); demoText.find('.demo-reload').on('click', function(){ uploadInst.upload(); }); } } ,error: function(){ // layer.closeAll('loading') ; // 关闭 loading var demoText = $('#demoText'); demoText.html('上传失败 重试'); demoText.find('.demo-reload').on('click', function(){ uploadInst.upload(); }); } }); $('#save1').on('click', function(){ let get_url = $('#accessory-url').val(); if(!get_url){ layer.msg('请先选择附件'); return false; } else { $.ajax({ url: '/Admin_leiFormRules_upload_save/operate_site_wwwPc_rules', data: { _token: '{{csrf_token()}}', name: $('#name_val').val(), url: get_url }, type: 'post', typeData: 'json', beforeSend: function() { if(!$('#name_val').val()) { layer.msg('请输入附件标识名'); $('#name_val').focus(); return false; } }, success: function(res) { layer.msg(res.msg, {icon: 1, time: 1000, shade: 0.4}, function(){ location.reload(); }); }, error: function(e) { console.log(e); } }); } }); function createTime(v){ return new Date(parseInt(v)).toLocaleString() } /* 时间戳转化开始 */ Date.prototype.toLocaleString = function() { var y = this.getFullYear(); var m = this.getMonth()+1; m = m |
| CopyRight 2018-2019 实验室设备网 版权所有 |