效果图:
Html:代码部分过多,展示一部分
Jq::
定义一个方法,刷新表单,打开模态框:
图片:代码
$(“#studentPicture”).dblclick(function () {
$(“#pic”).click();
});
var imgReader = new FileReader();
$(“#pic”).change(function () {
var file = KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲pic").get(0).fi…/i;
if (reg.test(file.type)) {
imgReader.readAsDataURL(file);
}
else {
layer.alert(“选中的不是图片”);
}
});
imgReader.onload = function (event) {
$(“#studentPicture”).attr(“src”, event.target.result);
}
给图片绑定双击事件,:声明imgReader,给pic绑定change事件,在获取文件,然后正则表达式,在过滤,在判断文件是否是图片,将文件读取为 DataURL;
保存
先通过upFormDATA构造一个空的对象,把参数Array转为Obj,然后在把array 条upFormData和formData,在用if来判断信息是否为空,在用post发送请求,如新增成功关闭模态框。代码至是一部分,代码有点多,只展示一部分。
控制器:
创建try….catch,在声明 msg,用if语句来判断付款信息是否为空,检查文件是否存在目录上,在用if判断图片是否上传,上传后,保存到数据库里,去重复,做一个数据的验证用 if 语句来判断的信息是否 为空,将给(paymentt)实体以“添加”,状态添加到集的基础上下中,当调用 SaveChanges 时,会将该实 体插入到数据库中,如果 if 判断 SaveChanges 大于 0 就新增成功,在给 str 赋值赋值,返回 Json 格式的 JsonResult 对象 str,并允许允许来自客户端的 HTTP GET 请求;