//页面初始化函数放于此处 加载完自动执行
$(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;
}