码迷,mamicode.com
首页 > 其他好文 > 详细

layui upload封装

时间:2018-08-05 00:30:11      阅读:346      评论:0      收藏:0      [点我收藏+]

标签:prototype   fun   url   对象   pre   function   button   rip   src   

<link rel="stylesheet" href="layui/css/layui.css">
<script src="js/jquery.min.1.11.3.js"></script>
<script src="layui/layui.js"></script>

<button type="button" class="layui-btn" id="test1">
  <i class="layui-icon"></i>上传图片
</button>

<button type="button" class="layui-btn" id="uploadPic">
  <i class="layui-icon"></i>上传图片2
</button>

<script> 
	;(function(){
		//定义构造函数
		var Upfile = function(ele,opt){
			this.defaults = {
				//elem:‘#uploadPic‘	//绑定元素
				elem:$(ele)	//绑定元素
				,url:‘http://localhost:8080/demo/import‘	//上传接口
				,method:‘post‘
				,done:function(res){
					console.log(JSON.stringify(res));
				}
				,error:function(res){
					//上传失败
					console.log(JSON.stringify(res));
				}
			}
			this.options = $.extend({}, this.defaults ,opt);
		};
		
		//定义方法
		Upfile.prototype = {
			init:function(){
				var _this = this;
				return layui.use(‘upload‘,function(){
					var upload = layui.upload;
					
					//执行实例
					var uploadInst = upload.render(_this.options);						
				});
			}
		};
		
		//在插件中使用对象
		$.fn.upfile = function(options){
			var upfile = new Upfile(this,options);
			return upfile.init();
		}
	})();
	
	//上传
	$(‘#uploadPic‘).upfile({
		done:function(res){
			console.log(111);
		}
	});
	$(‘#test1‘).upfile();

</script>

  

layui upload封装

标签:prototype   fun   url   对象   pre   function   button   rip   src   

原文地址:https://www.cnblogs.com/kongge/p/9420554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!