js常用函数(页面初始化函数、获取表单的数据转为对象、绑定按钮事件、ajax包括请求失败、图片预览 包括图片类型和大小的限制)

//页面初始化函数放于此处 加载完自动执行
$(function(){
	initValue();
	bindEvent();
});



/*获取表单的数据转为对象*/ 通常用此类型的 就不需要使用表单提交,否则表单的输入框值会提交两次
function getFormJson(formName){
		var o = {};
		var a = $("#"+formName).serializeArray();
		$.each(a, function () {
			if (o[this.name] !== undefined) {
				if (!o[this.name].push) {
					o[this.name] = [o[this.name]];
				}
				o[this.name].push(this.value || '');
			} else {
				o[this.name] = this.value || '';
			}
		});
		return o;
	}


/*绑定按钮事件*/ 一般先解除绑定防止出错
	function bindEvent(){
        $('#savePIR').unbind('click');
        $('#savePIR').bind('click', function() {
            doSavePIR();
        });
}



ajax包括请求失败
$.ajax({
			url:servicefulPath+url,
			data:obj,
			dataType:'json',
			type:'post',
			success:function(result){
			alery(成功);
			},
			error:function(result){
				alert("失败");
			}
		});





//图片预览 包括图片类型和大小的限制
<img id="imageInSign" src="<%=basePath%>/images/irregularBag/u127.png" style=" width:250px; height:150px;"/>
<input type="file" id="fileUpload" name="fileUpload" οnchange="selectImage(this);"/>

js:
    //图片预览  需要定义全局变量imgResult 
	 function selectImage(file){
		 imgResult = validateImg(file);
		
		if(imgResult){
			var image = '';
			if(!file.files || !file.files[0]){
				return;
			}
			var reader = new FileReader();
			reader.onload = function(evt){
				//file.parent().getElementById('image').src = evt.target.result;
				document.getElementById('imageInSign').src = evt.target.result;
				image = evt.target.result;
			}
			reader.readAsDataURL(file.files[0]);
		} else {
			document.getElementById('imageInSign').src = '';
			return ;
		}
	}


//限制上传文件的类型和大小
	 function validateImg(ele){
	 	var file = ele.value;
	 	if(!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)){
	 		$.messager.show({ title : '提示', msg : "图片类型必须是.gif,jpeg,jpg,png,bmp中的一种!" });
	 	    return false;
	 	 }else{
	 	     //返回Byte(B),保留小数点后两位
	 	    if((ele.files[0].size).toFixed(2) >= 3*1024*1024){
	 	    	$.messager.show({ title : '提示', msg : "图片大小必须在3M以内!" });
	 	    	return false;
	 	    }
	 	 }
	 	return true;
	 }







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值