本插件基于layui 模块化导入导出
针对后台管理系统为layui构建的
解决了 layui后台管理中 电商多规格商品上传图片等功能
git地址https://gitee.com/zhangguiyang/laySku
github地址https://github.com/Mrzhangguiyang/laySku
laySku,sku,多规格，商品sku，layui模块化sku，商品多规格，商品多规格，上传图片_qq_40342139的博客-CSDN博客
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>laySku</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" type="text/css" href="layui/layui/css/layui.css" /> </head> <body> <div class="layui-form" id="SKU_TYPE"></div> <div id="skuTable"></div> <div class="layui-form-item"> <div class="layui-input-block"> <button id="skuSubmit" type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button> </div> </div> </body> <script src="layui/layui/layui.js"></script> <script> layui.config({ base: 'js/' //静态资源所在路径 }).extend({ server: 'server', laySku: 'laySku' }).use(['server','laySku'],function(exports) { var server = layui.server, table = layui.table, form = layui.form, laySku = layui.laySku, $ = layui.$; var sku = new laySku({ id:'SKU_TYPE',//checkbox选择框 container_id:'skuTable',//容器id渲染table data:server.data,//数据类型 rowReturn:true,//是否绑定tr单击事件 rowMaster:function(res){//绑定tr单击事件执行的操作 console.log(res) }, btn:'skuSubmit',//按钮提交 skuSubmitBind:function(res){//提交之后的某些操作 console.log(res) }, uploadSrc:'https://httpbin.org/post',//图片上传接口 uploadBefore:function(obj,elem){//上传之前的操作 obj.preview(function(index, file, result){ elem.append('<img style="width:38px;height:38px;object-fit:cover;" src="http://xxh2019.oss-cn-beijing.aliyuncs.com/hmyp/JULoX1578887334705.jpg">') }); }, uploadDone:function(){//上传图片成功的操作 }, uploadError:function(){//上传图片失败的操作 } }) sku.init() }) </script></html>
