该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

【1】视图层

action="${ctx}/web/UserInforServlet?method=userInforServlet" >

var layer,upload,form;

//1-页面数据加载

$(function () {

//【1】加载&初始化layui模块-弹出层与table数据表格

layui.use(["layer", "upload","form"], function () {

layer = layui.layer;

laydate=layui.laydate;

upload = layui.upload;//layui的上传

form= layui.form;

uploadImage();

});

});

function uploadImage(){

var $ = layui.jquery;

upload.render({

elem: "#upImage"

,auto: false

,size:1024

,choose: function(obj){//使用choose选择文件后的回调函数

//预读本地文件示例，不支持ie8

obj.preview(function(index, file, result){

$("#userImge").attr("src",result); //图片链接(base64)

});

}

});

}

//提交form表单

$("#saveUserInfor").click(function(){

$("#frregister").ajaxSubmit(function(data) {

if(data="1"){

layer.msg("成功！");

}

});

});

【2】控制器

publicvoid userInforServlet(HttpServletRequest request,HttpServletResponseresponse) throws IOException {

request.setCharacterEncoding("utf-8");

response.setCharacterEncoding("utf-8");

response.setContentType("text/html;charset=UTF-8");//处理响应编码

Map map=new HashMap();

UserDetail userDetail=new UserDetail();

try {

//【1】解析数据

DiskFileItemFactory fac=new DiskFileItemFactory();

int sizeThreshold=1024*1024*10; //10MB

fac.setSizeThreshold(sizeThreshold);

fac.setRepository(new File(System.getProperty("java.io.tmpdir")));

ServletFileUpload upload=new ServletFileUpload(fac);//文件上传解析器

upload.setHeaderEncoding("utf-8");

Listlist=upload.parseRequest(request);

//【2】遍历集合

for(FileItem item :list){

//1)如果当前FileItem对象是普通项

if(item.isFormField()){

map.put(item.getFieldName(),item.getString());

}else{

//1)如果当前FileItem对象是上传项

//2)判断是否存在有该文件夹

String realPath=("D:/Mytouimage");

File uploadMkdir=new File(realPath);

if(!uploadMkdir.exists()){

uploadMkdir.mkdir();

}

//如果fileitem中封装的是上传文件，得到上传的文件名称，

String fileName = item.getName();//上传文件的名

//多个文件上传时，没有上传内容的问题异常处理

if(fileName==null||"".equals(fileName.trim())){ continue;

}

fileName =fileName.substring(fileName.lastIndexOf("\\")+1);

InputStream is=item.getInputStream();

File file=new File(realPath+"/"+fileName);

//3)先在本地存储图片，再读取保存到数据库

if(!file.isDirectory()){

userDetail.setImageName(realPath+"/"+item.getName());

OutputStream os=new FileOutputStream(file);

//IOUtils拷贝流

IOUtils.copy(is,os);

//关闭资源

IOUtils.closeQuietly(is);

IOUtils.closeQuietly(os);

item.delete();//删除处理文件上传时生成的临时文件

}

}

}

BeanUtils.populate(userDetail,map);

int flag =ids.insert(userDetail);

if(flag==1){

response.getWriter().write("1");

response.getWriter().close();

}

}

【3】dao层

@Override

publicint insert(UserDetail t) {

int flag=0;

InputStream fis=null;

String insert="INSERT INTOr_userdetail(userImage,imageName)" +

"VALUES(?,?);";

try {

con=JDBCUtil.getConnection();

ps=con.prepareStatement(insert);

if(t.getImageName()!=null){

//读取本地图片

fis=new FileInputStream(t.getImageName());

}

//将流写入Mysql

ps.setBinaryStream(1, fis, fis.available());

ps.setString(2, t.getImageName());

flag=ps.executeUpdate();

} catch (SQLException e) {

//TODO Auto-generated catch block

e.printStackTrace();

}

catch (FileNotFoundException e){

//TODO Auto-generated catch block

e.printStackTrace();

}

catch (IOException e) {

//TODO Auto-generated catch block

e.printStackTrace();

}

return flag;

}

【4】po层

publicclass UserDetail implements Serializable{

publicstaticfinallongserialVersionUID = 42L;

privateintuserDetailID;

private Blob userImage;

private String imageName;

public Blob getUserImage() {

returnuserImage;

}

publicvoid setUserImage(Blob userImage) {

this.userImage = userImage;

}

public String getImageName() {

returnimageName;

}

publicvoid setImageName(String imageName) {

this.imageName = imageName;

}

}

【5】总结

1)注意上传图片是form表单一定要加method="post" enctype="multipart/form-data" ，否则无法将数据上传到服务器。

2)Mysql存储图片的数据类型

TinyBlob最大 255

Blob 最大 65K

MediumBlob 最大 16M

LongBlob 最大 4G

3)在dao层向数据库添加数据

使用ps.setBinaryStream(1,fis, fis.available());

【6】显示图片

publicvoid selectUserImage(HttpServletRequest request, HttpServletResponseresponse) {

String id=request.getParameter("userID");

if(id!=null){

int userID=Integer.parseInt(id);

UserDetail userDetail=ids.findByUserid(userID);

BufferedOutputStream bufos=null;

BufferedInputStream bufis=null;;

try {

if(userDetail.getUserImage()!=null){

//读取缓冲区 userDetail.getUserImage().getBinaryStream()--读取源

bufis=new BufferedInputStream(userDetail.getUserImage().getBinaryStream());

//输出缓冲区 response.getOutputStream()--输出目的

bufos = new BufferedOutputStream(response.getOutputStream());

byte[] bt=newbyte[1024];

//【6】初始化实际长度的数组的长度

int count=0;

//【7】循环读取多媒体文件数据，将其读取的数据存储在byte数组

while((count=bufis.read(bt))!=-1){

//【8】截取数组从零到实际长度，循环写入多媒体的目标文件

bufos.write(bt,0,count);

}

}

bufis.close();

bufos.close();

} catch (SQLException e) {

//TODO Auto-generated catch block

e.printStackTrace();

}

catch (IOException e) {

//TODO Auto-generated catch block

e.printStackTrace();

}

}

}