保存图片到数据库--二进制
1、 保存图片到数据库,首先需要在数据库设置保存图片的字段的数据类型是image,不同于一般的数据保存,图片属于文件,所有在数据的处理和传递的方法也得需要注意,我这里介绍的是通过插件里面的ajaxSubmit()方法提交form表单来实现把图片文件从试图传递到控制器的方法。
2、 通过设置input标签的属性type=”file”,可以实现点击按钮打开选择图片的窗体。获取到需要保存的图片。
3、 声明一个变量来接收储存选择到的图片,FileReader是文件阅读器。
4、 var imgReader = new FileReader ();
5、 //图片文件 正则表达式过滤
regexImageFilter = /^(?: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;
6、//文件读取 onload事件,当选择到图片时触发,把
imgReader.onload = function (evt) {
//绑定新增图片
$("#IsImgStudentPicture").attr(“src”, evt.target.result);
}