layui upload 额外参数上传博客分类： jsjspJQuerylayui layuiupload额外参数上传

程序员文章站 2024-03-09 17:26:35

...

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 了