DB2保存图片并读取动态显示图片

博文背景：

客户要求结构化图片信息，而不是文件文档话的管理，故要求将图片信息存储于DB2里，出于技术的角度，真不喜欢将文件存储于数据库，

但客户是上帝，木有办法，故有了如下的测试。

测试环境：DB2 V9.7  JDK7  spring3.x tomcat8

本机测试结果：在第一次访问的时候动态获取的速度是直接获取的1/20的样子，如果缓存的话就无法对比了。

时间检测使用了chrome和firfox的F12工具。

 

写测试代码的过程中参考了网上很多文章，发现大部分都是copy来copy去，估计都没去测试过十分能行的通。

这里记录一下测试过程中遇到的麻烦吧

1、DB2保存的时候数据库是Blob类型，java里设置成byte[]才能正常保存(BinaryStream和Blob均失败).

2、读取DB2的Blob的时候不知道为何使用PreparedStatement读取不出来，使用Statement才行。

3、IO的操作比较生疏了。

 

表结构：

1、保存图片

上传图片的页面：

<form action="bs/test/uploadImg.do" method="post" enctype="multipart/form-data" target="testFrame">

        ID:<input type="text" name="id"/><br />

        名字:<input name="name" type="text"/><br />

        文件:<input type="file" name="img"/><br />

        <input type="submit" value="提交"/>

</form>

<iframe src="" id="testFrame" name="testFrame" height="0" width="0" frameborder="0"></iframe>

后台action示例：

import java.io.ByteArrayOutputStream;

import java.io.InputStream;

import java.util.List;

import java.util.Map;



import javax.annotation.Resource;

import javax.servlet.http.HttpServletRequest;



import com.oreilly.servlet.multipart.FilePart;

import com.oreilly.servlet.multipart.MultipartParser;

import com.oreilly.servlet.multipart.ParamPart;

import com.oreilly.servlet.multipart.Part;    

@Urls("uploadImg.do")

@Ajax

public void saveFile(HttpServletRequest request){

    int fileSize = 10;

    try {

        MultipartParser mp = new MultipartParser (request, fileSize * 1024 * 1024 );

        Part part;

        int fileCount = 0;

        byte[] bt = null;

        String name = null;

        String fileName = null;

        String id = "999";

        //遍历请求中的所有表单

            while((part=mp.readNextPart())!=null){

                 if(part.isFile()){//是文件

                     FilePart fp = (FilePart)part;

                     fileName = fp.getFileName();

                     if (fileName.endsWith("png") || fileName.endsWith("gif") || fileName.endsWith("jpg") || fileName.endsWith("jpeg")) {

                         //输出流的目的是将输入流转成byte数组

                         ByteArrayOutputStream out = new ByteArrayOutputStream();

                         InputStream in = fp.getInputStream();

                         int size = 0;

                         byte[] buffer = new byte[1024];

                         while((size=in.read(buffer))!=-1){

                             out.write(buffer, 0, size);

                         }

                         bt = out.toByteArray();

                         fileCount++;

                     }else {

                        throw new Exception("文件不是图片!");

                    }

                 }else{

                    ParamPart pp = (ParamPart)part;

                    String inputName = pp.getName();

                    if("name".equals(inputName)){

                        name = pp.getStringValue();

                    }else if("id".equals(inputName)){

                        id = pp.getStringValue();

                    }

                 }

            }

            if(fileCount==0){

                throw new Exception("请选择图片后再上传!");

            }

            this.testDao.saveFile(fileName, bt, name,Integer.parseInt(id));

    } catch (Exception e) {

        e.printStackTrace();

    }

}

dao方法：

public void saveFile(final String fileName,final byte[] bt,final String name,final int id) throws SQLException{

        String sql = "insert into SDE.T_TEST_IMG(ID,FILE_NAME,IMG_FILE,NAME) VALUES(?,?,?,?)";

        

        this.getJdbcTemplate().update(sql, new PreparedStatementSetter() {

            public void setValues(PreparedStatement ps) throws SQLException {

                ps.setInt(1, id);

                ps.setString(2, fileName);

                //下面这2种都会报错，网上一大堆例子都是这么写的，很诧异..............

                //ps.setBinaryStream(3, fis, fileSize);

                //ps.setBlob(3, fis);

                ps.setBytes(3, bt);

                

                ps.setString(4, name);

            }

        });

    }

 

2、读取图片

前台：

<input type="button" onclick="setUrl()" value="加载图片"/>

    

<img src="" alt="动态生成" id="dImg"/>

<img src="" alt="直接获取" id="sImg"/>

js：

function setUrl(){

//动态生成同样的图片

document.getElementById("dImg").src="generationImg?id=3";

//直接访问图片

document.getElementById("sImg").src="mobileImage/17074_20130927160025.jpg";

}

处理生成图片的servlet：

/**

     * 从数据库里读取Blob类型的图片并显示给前台

     */

    public void doPost(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

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

        response.setContentType("image/jpeg");

        TestDao testDao = (TestDao)WebApplicationContextUtils.getWebApplicationContext(request.getSession().getServletContext()).getBean(TestDao.class);

        InputStream ins = null;

        try {

            ins = testDao.loadFile(id);

        } catch (SQLException e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

        

        //从输入流构建图片

        BufferedImage image = null;

        image = ImageIO.read(ins);

        ServletOutputStream out = response.getOutputStream();

        JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(out);

        encoder.encode(image);

        

        ins.close();

        out.flush();

        out.close();

    }

dao方法：

/**

     * 读取DB2的blob字段并转换成流

     * @param id

     * @return

     * @throws SQLException

     */

    public InputStream loadFile(String id) throws SQLException{

        String sql = "select IMG_FILE from SDE.T_TEST_IMG where ID="+id;

        InputStream ins = null;

        

        Connection con = this.getJdbcTemplate().getDataSource().getConnection();

        Statement ps = con.createStatement();

        ResultSet rs = ps.executeQuery(sql);

        while(rs.next()){

            Blob blob = rs.getBlob("IMG_FILE");

            ins = blob.getBinaryStream();

        }

        return ins;

        

        //下面这个写法会有问题，而且上面那个Statement改成PrepareStatement后也获取不到值,ResultSet是null

        /*

           InputStream ins = this.getJdbcTemplate().execute(sql, new PreparedStatementCallback() {



            public Object doInPreparedStatement(PreparedStatement ps)

                    throws SQLException, DataAccessException {

                ResultSet rs = ps.getResultSet();

                Blob blob = rs.getBlob(1);

                InputStream ins = blob.getBinaryStream();

                return ins;

            }

        });

        return ins;*/

    }