ssm框架上传图片保存到本地和数据库示例

程序员文章站 2024-03-05 20:42:31

本文介绍了ssm框架上传图片保存到本地和数据库示例，主要使用了spring+springmvc+mybatis框架，实现了ssm框架上传图片的实例，具体如下： 1、前台部...

本文介绍了ssm框架上传图片保存到本地和数据库示例，主要使用了spring+springmvc+mybatis框架，实现了ssm框架上传图片的实例，具体如下：

1、前台部分

<%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> 
<!doctype html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <title>title</title> 
  <script src="resources/jquery/jquery-3.0.0.js"></script> 
</head> 
<body> 
<img id="image"src=""/> 
<br/> 
<input type="file"onchange="selectimage(this);"/> 
<br/> 
<input type="button"onclick="uploadimage();"value="提交"/> 
<script> 
  var image = ''; 
  function selectimage(file){ 
    if(!file.files || !file.files[0]){ 
      return; 
    } 
    var reader = new filereader(); 
    reader.onload = function(evt){ 
      document.getelementbyid('image').src = evt.target.result; 
      image = evt.target.result; 
    } 
    reader.readasdataurl(file.files[0]); 
  } 
  function uploadimage(){ 
    image = json.stringify(image) 
    $.ajax({ 
 
      type:'post', 
 
      url: '/blog/test', 
 
      data: {base64: image 
      }, 
 
      async: false, 
 
      datatype: 'json', 
 
      success: function(data){ 
alert(data.success) 
        if(data.success){ 
 
          alert('上传成功'); 
 
        }else{ 
 
          alert('上传失败'); 
 
        } 
 
      }, 
 
      error: function(err){ 
 
        alert('网络故障'); 
 
      } 
 
    }); 
 
  } 
</script> 
<script src="jquery-1.11.1.min.js"></script> 
</body> 
</html>

2、controller

@inject 
  private iuserservice userservice; 
  @requestmapping(value="test") 
  @responsebody 
  public consoleresult test(string base64){ 
//   自定义返回前台数据格式 
    consoleresult res = new consoleresult(); 
//   去掉base64数据头部data:image/png;base64,和尾部的” " “ 
    string[] ww= base64.split(","); 
    base64 = ww[1]; 
    string[] aa = base64.split("\""); 
    base64 = aa[0]; 
    try { 
//     将图片插入数据库 
      userservice.base64test(base64); 
//     图片保存到本地 
      string path = "d:/asdfasdf.jpg"; 
      base64file file = new base64file(); 
      file.decoderbase64file(base64, path); 
//     成功标识 
      res.setstatus(consoleresult.successstatus); 
    } catch (exception e) { 
      res.setstatus(consoleresult.faultstatus); 
    } 
    return res; 
  }

3、base64

/** 
   * 将base64字符解码保存文件 
   * 
   * @param base64code 
   * @param targetpath 
   * @throws exception 
   */ 
 
  public static void decoderbase64file(string base64code, string targetpath) { 
    byte[] buffer; 
    fileoutputstream out = null; 
    try { 
      buffer = new base64decoder().decodebuffer(base64code); 
      out = new fileoutputstream(targetpath); 
      out.write(buffer); 
    } catch (ioexception e) { 
      e.printstacktrace(); 
    } finally { 
      try { 
        if (out != null) { 
          out.close(); 
        } 
      } catch (ioexception e) { 
        e.printstacktrace(); 
      } 
    } 
  }

4、mapper.xml

<update id="base64test" parametertype="string"> 
  update t_user set u_about = #{base64} where u_name = '971171444' 
 </update>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇： Thinkphp 中 distinct 的用法解析

下一篇： jquery