wb.AddForm("","form3","saddcheck2.htm")'接收数据的网页为"saddcheck.htm"
With wb.AddInputGroup("form3","ipg1","设备信息")
.AddInput("mingc1","名称:","text")
.AddInput("xingh1","型号:","text")
.AddInput("did1","地点:","text")
End With
With wb.AddInputGroup("form3","ipg2","检查情况")
With .AddInput("rq","检查日期","date")
.value = Format(Date.Today,"yyyy-MM-dd")
End With
With .AddInputCell("ic2") '通过InputCell增加输入框
.AddSelect("jg","正常|不正常",0) '增加下拉列表,0表示显示在左边
.AddInput("bz","text",1).PlaceHolder = "备注" '增加输入框,1表示显示在中间
End With
With wb.AddInputGroup("form3","ipg3","上传一张检查图片") '文件上传
With .AddUploader("up1","",True)
.AllowDelete = True '允许删除
.Incremental = True
.ScaleWidth = 400 '自动压缩图片宽度为100个像素,高度等比例压缩
End With
.AddHidenValue("pdate","2018-01-01")
End With
End With
wb.appendHTML("<script>up1.setAttribute('capture','camera');up1.setAttribute('accept','image/*');</script>")'直接调用摄像头
wb.AppendHTML("<script src='./lib/exif.js'></script>") '引入脚本文件
wb.AppendHTML("<script>up1.addEventListener('change', function(e){EXIF.getData(e.target.files[0], function() {document.getElementById('pdate').value=EXIF.getTag(this, 'DateTime')})},false );</script>")
With wb.AddButtonGroup("form3","btg1",True)
.Add("btn1", "确定", "button").Attribute= "" '调用js函数上传
End With
wb.AddToast("","tst1", "正在上传",1)
wb.AddToast("","tst2", "上传成功",0)
wb.AddToast("","tst3", "上传失败",0).Icon= "warn"
wb.AppendHTML("<script src='./lib/submit_check_images.js'></script>") '引入脚本文件
e.WriteString(wb.Build) '生成网页
js 代码----------------
function submitForm_images(){
var v1 = document.getElementById("up1_thumbnails").getElementsByTagName("li").length;
if(v1 < 1){
showTopTips("toptip1","请拍摄一张检查照上传!",2000);
return false;
}
if(v1 > 1){
showTopTips("toptip1","检查照只可以上传1张!",2000);
return false;
}
show("tst1",2000);
var result = submitAjaxForm('form3','afterSubmit');
}
function afterSubmit(result){
hide("tst1");
alert(result);
if (result=='OK') {
show("tst2");
location="addchecksuccess.htm";
}
else{
show("tst3",2000);
}
}