您的位置:首页 > Web前端 > JavaScript

js 面向对象插件写法,还是很好理解的

2015-05-26 17:38 411 查看
/**
* Created by jiangtao on 2015/5/12.
* name jihe
*/
(function () {
function gather(msg) {
//适应参数
if (msg) {
if (msg.imgFile != undefined) {
this.imgFile = msg.imgFile;
};
if (msg.wechatAppid != undefined) {
this.wechatAppid = msg.wechatAppid;
};
};
this.sendEventUrl='/x1371/wechat/event/publish';
this.uploadUrl='/x1371/upload/array/second';
this.setTime = null;
this.index = 0;
this.ajax= null;
this.debug=true;
};
gather.prototype = {
constructor: gather,
//屏幕适应
windowResize:function(){
var that=this;
that.getResize();
$(window).resize(function(){
that.getResize();
})
},
//屏幕自适应
getResize:function(){
var docWidth = document.documentElement.clientWidth;
var html = document.querySelector('html');
html.style.fontSize = (docWidth / 20) + "px";
},
//模态框自适应
maskingResize:function(e){
$(e).height($(window).height());
$(e).width($(window).width());
$(window).resize(function(){
$(e).height($(window).height());
$(e).width($(window).width());
})
},
//图片上传
uploadImg: function (back, setTime) {
this.setTime = setTime;
var that = this;
back.success.callback = back.success;
back.before.callback = back.before;
back.erro.callback = back.erro;
that.base64(function (imgUrl) {
back.success(imgUrl);
}, function (data) {
back.before(data);
}, function (erro) {
back.erro(erro)
})
},
//生成base64编码
base64: function (success, before, erro) {
var file = this.imgFile;
var that = this;
success.callback = success;
before.callback = before;
erro.callback = erro;
for (var i = 0; i < file.length; i++) {
lrz(file[i], {width: 400}, function (results) {
var imgSize=results.imgSize;
that.sendreq(results.base64, function (e) {
success({imgUrl:e[0],imgSize:imgSize});
}, function () {
erro({errMsg:'图片上传失败'});
},function(ajax){
before({blob:results.blob,ajax:ajax})
});
});
};
},
//ajax上传图片;
sendreq: function (base64, success, erro,before) {
var that = this;
var data = JSON.stringify({base64: [base64]});
success.callback = success;
erro.callback = erro;
before.callback=before;
var sendAjax = $.ajax({
contentType: 'application/json;charset=utf-8',
dataType: 'json',
type: 'post',
url: that.uploadUrl,
data: data,
success: function (data) {
if (data.code != 0) {
erro(data.msg);
} else {
success(data.data);
}
},
error:function(data,err){
erro(err);
}
})
before(sendAjax);
this.pauseUplodImg(that.setTime,sendAjax);
},
//打开上传等待动画
openUploadAnimation:function(){
$('.loadmb').removeClass('none');
setTimeout(function(){
$('.loadmb').removeClass('hidden');
},100);
},
//关闭上传等待动画
offUploadAnimation:function(){
$('.loadmb').addClass('hidden');
setTimeout(function(){
$('.loadmb').addClass('none');
},500);
},
//创建图片框
createImgContainer:function(imgUrl){
$('.twhp').height($('.twhp').height() + 10.125 * parseFloat($('html').css('font-size')));
$(".bianji").append('<div class="tphp"><div class="delete">'+
'</div><div class="crtp"><img src="'+imgUrl+'" width="100%" height="auto" />'+
'</div><div class="button top changeImg">更换当前图片</div></div>');
var index=$('.bianji>.tphp').length;
return index;
},
//修改图片框
changeContainerImg:function(e,r){
r.find('img').attr('src',e);
},
//创建文本框
createfontContainer:function(control,back){
back.callback=back;
$('.tjdl').addClass('active');
$('.twhp').height($('.twhp').height() + 7 * parseFloat($('html').css('font-size')));
setTimeout(function(){
$('.tjdl').removeClass('active');
var fontBox='<div class="wzhp"><div class="delete"></div><textarea class="textCon1" rows="4" placeholder="请输入文字..."></textarea></div>';
control.append(fontBox);
back();
},500);
},
//url加密
urlEocde: function (str) {
str = (str + '').toString();
return encodeURIComponent(str).
replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
},
//跳转微信登录
locationWechatLogin: function () {
var u = window.location.href;
var encodeUrl = this.urlEocde(u);
if(!this.wechatAppid){
alert('wechatAppid不存在')
return false;
}
var wechatUrl = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' +
this.wechatAppid + '&' + 'redirect_uri=' + encodeUrl + '&response_type=code&' +
'scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect';
location.href = wechatUrl;
},
//获取url地址后面参数
getUrlArguments: function (str) {
var urlArguments = location.search.split("?")[1];//获取?后面的部分
if (urlArguments != undefined) {
var arguments = urlArguments.split('&');//将?后的参数由&分割为数组
for (var i = 0; i < arguments.length; i++) {
var key = arguments[i].split('=')[0],
val = arguments[i].split('=')[1];
if (key == str) {
return val;
}
}
}
},
//判断code是否存在
isCode: function () {
if (this.getUrlArguments('code')) {
return true;
} else {
return false;
}
},
//通过code获取userid
getUser: function (code, url, back) {
var that=this;
if(back.success!=undefined){
back.success.callback = back.success;
}if(back.erro!=undefined){
back.erro.callback=back.erro;
}
if (code) {
$.ajax({
type: 'get',
url: url + '?code=' + code,
success: function (data) {
if(data.code!=0){
if(back.erro!=undefined){
back.erro(data.msg)
}
}else{
if(back.success!=undefined){
back.success(data.data.userId)
}
}
}
})
}
},
//判断页面上是否存在userid
isUserId:function(e){
return $(e).text();
},
//判断文件是否为图片
isImage: function (imageFile) {
var fileType = imageFile.type;
if (fileType && fileType.split('/')[0] == 'image') {
return true;
} else {
return false;
}
},
//提示框
messageBox: function (text) {
//alert(text)
setTimeout(function () {
$('.wsrwc').removeClass('none');
$(".wsrnrerro").text(text);
$('.fb').removeClass('active');
setTimeout(function () {
$('.wsrwc').removeClass('hidden');
}, 200)
}, 500);
},
closeMessageBox:function(){
$('.enter').addClass('active');
setTimeout(function(){
$('.enter').parent().parent().parent().addClass('hidden');
setTimeout(function(){
$(".wsrnrerro").text('');
$('.enter').parent().parent().parent().addClass('none');
$('.enter').removeClass('active');
},200);
},200)
},
//非空判断
isBlank: function (f) {
//匹配空格赋值为空;
var val, l;
if (f.value != undefined) {
val = f.value.replace(/\s/g, "");
} else {
alert('kongString()方法必须有value参数!')
return false;
}
//判断输入长度;
if (f.len != undefined) {
l = eval('/^(?!.{' + f.len + '}|\s*$)/g');
}
if (l) {
if (val) {
if (l.test(f.value)) {
return true;
} else {
this.messageBox(f.name + '不能超过' + f.len + '个字!');
return false
}
} else {
this.messageBox('请填写'+f.name+'!');
return false;
}
} else {
if (val) {
return true;
} else {
return false;
}
}
},
createEvent: function (data,back) {
var url=this.sendEventUrl;
back.before.callback=back.before;
back.success.callback=back.success;
back.erro.callback=back.erro;
var sendAjax= $.ajax({
contentType:'application/json;charset=utf-8',
dataType:'json',
type:'post',
url:url,
data:JSON.stringify(data),
success:function(data){
if(data.code!=0){
back.erro('图片上传失败!')
}else{
back.success(data.data);
}
}
})
back.before(sendAjax);
},
//微信分享share参数为一个对象
wechatShare: function (share) {
var shareTitle = share.title;
var shareContent = share.content;
var shareLink = share.linkUrl;
var shareImgUrl = share.imgUrl;
wx.ready(function () {
wx.onMenuShareTimeline({
title: shareTitle,
desc: shareContent,
link: shareLink,
imgUrl: shareImgUrl
});
//分享给朋友
wx.onMenuShareAppMessage({
title: shareTitle,
desc: shareContent,
link: shareLink,
imgUrl: shareImgUrl
});
})
},
pauseUplodImg: function (time,e) {
setTimeout(function () {
if (e && e.readystate != 4) {
e.abort();
}
}, time * 1000)
},
uploadEsc:function(e){
if (e && e.readystate != 4) {
e.abort();
}
}
};
window.gather = function (msg) {
return new gather(msg);
}
})()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: