有的试题是带有图片的,需要实现图片上传功能。考虑到试题中使用图片的并不多,因此,决定将图片转成Base64形式并以BLOB类型保存到数据库中。
(一)准备
- 在试题表增加image列,BLOB类型
- 下载jquery-2.2.3.min.js,放到js目录下
(二)开发
JS代码:
$(function(){
$("#img_upload_file1").change(function() {
var file = this.files[0];
var reader = new FileReader();
reader.readAsDataURL(file);//调用自带方法进行转换
reader.onload = function(e) {
$("#img_upload_show").attr("src", this.result);//将转换后的编码存入src完成预览
$("#img_upload_base").val(this.result);//将转换后的编码保存到input供后台使用
// alert(this.result);
var img=$("#img_upload_base").val();
// var imgType=img.Substring(0,i)