layui upload 额外参数上传
程序员文章站
2022-04-30 12:54:04
...
layui 2.0.x upload 额外参数上传
<div class="layui-inline" style="margin-top: 5px;"> <label class="layui-form-label">机型</label> <div class="layui-input-block"> <input type="radio" name="type" lay-filter="radio-type" value="0" title="andorid" checked> <input type="radio" name="type" lay-filter="radio-type" value="1" title="iOS" > </div> </div> <div class="layui-inline"> <label class="layui-form-label">版本描述</label> <div class="layui-input-inline"> <input type="text" name="description" id="description" placeholder="请输入" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-inline" > <div class="layui-upload"> <button type="button" class="layui-btn layui-btn-normal" lay-data="{accept: 'file'}" id="test8">选择文件</button> <button type="button" class="layui-btn" lay-data="{accept: 'file'}" id="test9">开始上传</button> </div> </div>
layui.use(['upload','element','form'], function () { var $ = layui.jquery , form = layui.form ,element = layui.element upload = layui.upload; // console.log(_jsonDate) //选完文件后不自动上传 upload.render({ method: 'post' //,data:_jsonDate ,elem: '#test8' ,exts:'json' ,url: '${ctx}/upload/uploadfile.do' ,auto: false //,multiple: true ,bindAction: '#test9' ,before: function(input){ var data = {}; data.type = $('input:radio:checked').val(); data.description = $('#description').val(); this.data=data; } ,done: function(res){ var html = formatJson(JSON.stringify(res)); // console.log(html); $('#show_json').empty(); $('#show_json').html('<pre class="layui-code">' +html+'</pre>'); },success: function(msg){ } }); });
在 before 前面添加 this.data 即可 (2.0.x)
,before: function(input){ var data = {}; data.type = $('input:radio:checked').val(); data.description = $('#description').val(); this.data=data; }
(1.0.x)
function setdata(input,data){ var item=[]; $.each(data,function(k,v){ item.push('<input type="hidden" name="'+k+'" value="'+v+'">'); }) $(input).after(item.join('')); }
查看 layui upload.js 里面有 1.0.x 这种方法,2.0.x 优化了,不需要 开发者添加 input hidden 了
捐助开发者
在兴趣的驱动下,写一个免费
的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(支持支付宝和微信 以及扣扣群),没钱捧个人场,谢谢各位。
个人主页:http://knight-black-bob.iteye.com/
谢谢您的赞助,我会做的更好!
上一篇: 明星玩翻白眼,玩的不亦乐乎