js常用代码块

//根据平台下载对应app
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //ios
					window.location.href = '';
				} else if (navigator.userAgent.match(/android/i)) {  //android
					window.location.href = '';
				} else {
					//
				}


获取url参数

function getQueryString(name) { 
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
	var r = window.location.search.substr(1).match(reg);
	if (r != null) return unescape(r[2]);
	return null;
}
//包含中文参数
function getQueryString2(name) { 
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
	var l = decodeURI(window.location.search);
	var r = l.substr(1).match(reg);
	if (r != null) return unescape(r[2]);
	return null;
}

//jsBridge方法
function jsBridge(funcName,data){
	if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //ios
		setupWebViewJavascriptBridge(function (bridge) {
			bridge.callHandler(funcName, data, function (responseData) {
			});
		});
	} else if (navigator.userAgent.match(/android/i)) {  //android  部分华为、三星、小米机型使用setupWebViewJavascriptBridge跳转无效,所以针对安卓换另外一张jsbridge方式
		connectWebViewJavascriptBridge(function (bridge) {
			bridge.callHandler(funcName, data, function (responseData) {
			});
		});
	} else {
		//忽略,不做处理
	}
}

function setupWebViewJavascriptBridge(callback) {
    if (window.WebViewJavascriptBridge) {
        return callback(WebViewJavascriptBridge);
    }
    if (window.WVJBCallbacks) {
        return window.WVJBCallbacks.push(callback);
    }
    window.WVJBCallbacks = [callback];
    var WVJBIframe = document.createElement('iframe');
    WVJBIframe.style.display = 'none';
    WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
    document.documentElement.appendChild(WVJBIframe);
    setTimeout(function () {
        document.documentElement.removeChild(WVJBIframe)
    }, 0)
}

function connectWebViewJavascriptBridge(callback) {
    if (window.WebViewJavascriptBridge) {
        callback(WebViewJavascriptBridge)
    } else {
        document.addEventListener(
                'WebViewJavascriptBridgeReady'
                , function () {
                    callback(WebViewJavascriptBridge)
                },
                false
        );
    }
}



获取浏览器宽高度

  var h = document.documentElement.clientHeight;
    var w = document.documentElement.clientWidth;


//图片上传本地预览,fileUpload接口

//单张图片上传,只考虑支持FileReader接口的浏览器
function previewImage(obj) {
	//判断浏览器是否有FileReader接口
	if (typeof FileReader == 'undefined') {
		if ($.browser.mozilla === true) {
			toast("当前设备不支持fileReader");
		}
	} else {//支持FileReader接口  
		showPicture(obj);
	}
}

/***
 * 图片预览
 */
function showPicture(id){
	$(document).on("change","#"+id,function(e){
		for (var i = 0; i < e.target.files.length; i++) {
			var file = e.target.files.item(i);
			//允许文件MIME类型 也可以在input标签中指定accept属性
			if (!(/^image\/.*$/i.test(file.type))) {
				continue; //不是图片 就跳出这一次循环
			}
			//实例化FileReader API
			var freader = new FileReader();
			freader.readAsDataURL(file);
			freader.onload = function(e) {
				var path = e.target.result;
				var img=new Image();  
				img.src = path;  
			    img.οnlοad=function(){
			    	var w = img.width;
			    	var h = img.height;
			    	//判断图片横图or竖图,相应显示
			    	if(w > h){
			    		$("#"+id).parent().find(".picture").css("background-image","url("+path+")").removeClass("rotate90");
			    	}else{
			    		$("#"+id).parent().find(".picture").css("background-image","url("+path+")").addClass("rotate90");
			    	}
			    };  
			}
		}
	});
}
//调用
previewImage("frontFile");

ajax封装

AJAX= {
	request : function(url, type, data, success,error) {
		
		$.ajax({
			url : url,
			type : type,
			dataType : 'json',
			data : data,
			success : success,
			error : error
		});
	},submit:function(url, type, formName, success,error){
		var formData = new FormData($('#'+formName)[0]);
		//formData.append('name', 'publicParam');//公共参数
	
		$.ajax({
			url : url,
			type : type,
			dataType : 'json',
			cache: false,
		    data: formData,
		    processData: false,
		    contentType: false,
		    success : success,
			error : error
		});
	}
};


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值