二进制保存图片
开发工具与关键技术:
作者:
撰写时间:
比如Thumbnail这个是保存图片的字段,在数据库建表的时候选择image保存类型,之后再写代码将图片保持数据库。
首先,要想做什么,就先查什么。写一个查询的方法把那个字段查询出来,判断它们如果不为空,就可以修改图片,然后返回那张图片。如果为空,就让它显示本地的一张图片,点击修改后返回新的图片。
然后就是读取本地文件的方法
Css样式给学生有图片一个ID,让这个字段有选择图片的功能
接着就是写学生图片的点击事件,然后用正则表达式判断是否是图片
var reader = new FileReader();//html5 FileReader接口
//FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据
rFilter = /^(?:image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x-icon|image/x-portable-anymap|image/x-portable-bitmap|image/x-portable-graymap|image/x-portable-pixmap|image/x-rgb|image/x-xbitmap|image/x-xpixmap|image/x-xwindowdump)$/i;
接着在修改的方法那里单独写图片修改
$("#StuPicture").attr(“src”, “GetImage?MaterialsID=” + MaterialsID);//模态窗体中的考生图片
在保存的方法那写上这段代码就可以了,调用控制器修改的方法。
$("#frmStuInfor").attr(“action”, “Update”);
$("#frmStuInfor").ajaxSubmit(function (msg) {
if (msg.State) {
$("#modStudent").modal(“hide”);//关闭模态窗体
layer.alert(msg.Text, { icon: 1, offset: ‘150px’, skin: ‘layui-layer-molv’, closeBtn: 0 });//弹出提示框
//tabAcademe = layuiTable.reload(‘tabAcademe’);//表格刷新
tabStudentSearch();
} else {
layer.alert(msg.Text, { icon: 1, offset: ‘150px’, skin: ‘layui-layer-molv’, closeBtn: 0 });//弹出提示框
}
});