欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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 了

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者 

在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(支持支付宝和微信 以及扣扣群),没钱捧个人场,谢谢各位。

 

个人主页http://knight-black-bob.iteye.com/


layui upload 额外参数上传
            
    
    博客分类: jsjspJQuerylayui layuiupload额外参数上传 layui upload 额外参数上传
            
    
    博客分类: jsjspJQuerylayui layuiupload额外参数上传 layui upload 额外参数上传
            
    
    博客分类: jsjspJQuerylayui layuiupload额外参数上传 
 
 
 谢谢您的赞助,我会做的更好!