2024年4月27日发(作者：)

聪Ｐ　ＭｙＳｑ　ｌ　及基于ｃ∽＿－０　

∽　

Ｒｅｓｅａｒｃｈ　ｏｎ　Ｉｍａｇｅ　Ｓｔｏｒｉｎｇ　ａｎｄ　Ｄｉ　ｓｐ１ａｙｉｎｇ　Ｔｅｃｈｎｏｌｏｇｙ　Ｂａｓｅｄ　Ｏｉｌ　ＪＳＰ　ａｎｄ　ＭｙＳｑｌ　Ｄ数　－　

据　

库　

吴闻吴焰斌　的　

ｌ砌　Ｗｕ　Ｙａｎｂｉｎ　图　

片　

（福建师范大学数学与计算机科学学院，福建福州３５０１０８）　存　

（Ｓｃｈｏｏｌ　ｏｆＭａｔｈｅｍａｔｉｃｓ　ａｎｄ　Ｃｏｍｐｕｔｅｒ　Ｓｃｉｅｎｃｅ，Ｆｕｊｉａｎ　Ｎｏｒｍａｌ　Ｕｎｉｖｅｒｓｉｔｙ，Ｆｕｊｉａｎ　Ｆｕｚｈｏｕ　３５０１０８）　储　

和　

显　

摘要：图片越来越多的出现在Ｗｅｂ应用程序中，传统的文件存储方式已经不能满足要求。文中列举了数据库存储的好　技　示　

处，介绍了数据库对大容量字段的支持，并以ＪＳＰ和ＭｙＳｑｌ为例，介绍了Ｗｅｂ服务器上图片的数据库存储和显示技术。　术　

初　

关键词：ＪＳＰ；ＭｙＳｑｌ；ＢＬＯＢ；ＦＯＲＭ；Ｓｅｒｖｌｅｔ　探　

中图分类号：ＴＰ３９１　文献标识码：Ａ　文章编号：１６７１－４７９２．（２０１１）１．００９１．０３　

Ａｂｓｔｒａｃｔ：Ｉｎ　ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎｓ，ｄｅｖｅｌｏｐｅｒｓ　ａｒｅ　ｕｓｉｎｇ　ｍｏｒｅ　ａｎｄ　ｍｏｒｅ　ｉｍａｇｅｓ，ｈｏｗｅｖｅｒ　ｔｈｅ　ｔｒａｄｉｔｉｏｎａｌ　ｗａｙ　ｏｆ　ｓａｖｍｇ　ｉｆｌｅｓ　ｃａｎ’ｔ　ｍｅｅｔ　

ｔｈｉｓ　ｎｅｅｄ．Ｉｎ　ｏｕｒ　ｓｔｕｄｙ，ｗｅ　ｅｎｕｍｅｒａｔｅ　ｖａｒｉｏｕｓ　ａｄｖａｎｔａｇｅｓ　ｏｆ　ｄａｔａｂａｓｅ，ｄｅｔａｉｌ　ｔｈｅ　ｄａｔａｂａｓｅ’Ｓ　ｓｕｐｐｏｒｔ　ｔｏ　ＢＬＯＢ．Ｔａｋｉｎｇ　ＪＳＰ　ａｎｄ　ＭｙＳｑｌ　ａｓ　

ａｎ　ｅｘａｍｐｌｅ，ｗｅ　ｄｅｍｏｎｓｔｒａｔｅ　ｈｏｗ　ｔｏ　ｓｔｏｒｅ　ａｎｄ　ｄｉｓｐｌａｙ　ｉｍａｇｅｓ　ｏｎ　ａ　ｗｅｂ　ｓｅｒｖｅｒ．　

Ｋｅｙｗｏｒｄｓ：ＪＳＰ；ＭｙＳｑｌ；ＢＬＯＢ；ＦＯＲＭ；Ｓｅｒｖｌｅｔ　

０引言　数据的存储和访问操作。通过ＪＳＰ技术，用户可以将图片存　

图片是Ｗｅｂ页面上一种非常常见的元素，一方面可以　储到数据库服务器，也可以将数据库服务器上的图片在客户　

美化页面，取得很好的视觉效果；一方面也可以作为传达信　端的浏览器上显示。　

息的重要载体，直观明了。随着计算机处理能力和网络带宽　２　ＭｙＳｑｌ数据库　

的提高，图片越来越多多出现于Ｗｅｂ应用程序中。　ＭｙＳｑｌ是一个小型关系数据库管理系统，以其免费开　

在服务器上，传统的图片信息存储方式是以文件的形　源、功能完善、性能优越而著称，适用于中小规模信息量的存　

式，存储于服务器的文件系统中。如果图片较多，服务器上的　储。从成本和性能的角度来考虑，它是中小型网站建设的首　

文件数量就会很多，管理会是一件很棘手的事情。图片信息　选数据库服务器。ＭｙＳｌｑ支持的ＢＬＯＢ字段是一个大容量的　

的另一种存储方式是采用数据库的方式。数据库擅长于大量　二进制信息存储字段，它能容纳不同大小的数据。ＢＬＯＢ类　

信息的集中存储，并提供了较完善的信息管理和维护功能。　型实际是个类型系列（ＴｉｎｙＢｌｏｂ、Ｂｌｏｂ、ＭｅｄｉｕｍＢｌｏｂ、Ｌｏｎｇ．　

各种数据库服务器也都提供了大容量的存储字段，可以用来　Ｂｌｏｂ），除了在存储的最大信息量上不同外，它们的本质是相　

存储图片信息，如ＭｙＳｑｌ的ＢＬＯＢ类型字段。数据库方便管　同的。ＭｙＳＱＬ的四种ＢＬＯＢ类型的具体情况如表一所示：　

理和维护的优势使得它越来越多的应用于网站图片信息的　表一ＭｙＳＱＬ中四种ＢＬＯＢ类型的具体情况　

存储。　类型　大小（单位：字节）　

本文主要是探讨基于ＪＳＰ及ＭｙＳｑｌ数据库服务器的图　ＴｉｎｙＢｌＯｂ　最大２５５Ｂ　

片存储和显示技术。　Ｂｌｏｂ　最大６５Ｋ　

１　ＪＳＰ技术　ＭｅｄｉｕｍＢ１ｏｂ　最大１６Ｍ　

ＪＳＰ是基于Ｊａｖａ语言的一种Ｗｅｂ应用开发技术，继承　ＬｏｎｇＢ１０ｂ　最大４Ｇ　

了Ｊａｖａ语言的诸多优点，是一个开发电子商务应用的强大　可以根据实际存储信息的大小来选择相应类型，图片信　

工具。它包含ＪＳＰ页面、ＪａｖａＢｅａｎ、Ｓｅｒｖｌｅｔ及若干内置对象・　息的数据库存储就是采用该类字段来实现。　

ＪＳＰ页面、ＪａｖａＢｅａｎ及Ｓｅｒｖｌｅｔ实际上就是Ｊａｖａ程序，由Ｗｅｂ　３图片上传　

服务器调用执行，来响应和处理用户请求，进行数据处理工　用户可以在客户端浏览器将选定的图片文件上传并保　

作。ＪＳＰ页面或Ｓｅｒｖｌｅｔ可以通过ＪＤＢＣ与数据库交互，完成　存到ＭｙＳｑｌ服务器。这个操作的实现，分为两个阶段完成：　

ｇ１　

～　

（１）用户访问图片上传页面，浏览本地文件系统，选择要　

上传的图片文件，确定提交后，向指定的服务器端组件发出　

请求，提交上传信息。　

图片上传页面要求包含一个Ｆｉｌｅ类型的表单，可以让用　

户选择要上传的文件，其定义格式如下：　

＜ＦＯＲＭ　ａｃｔｉｏｎ＝”图片接收Ｓｅｒｖｌｅｔ的ＵＲＬ地址”　

ｍｅｔｈｏｄ＝’’ｐｏｓｔ”ｅｎｃ￣ｅ＝”ｍｕｌｔｉｐａｒｔ／ｆｏｒｍ—ｄａｔａ’’　

＜Ｉｎｐｕｔ　ｔｙｐｅ＝”Ｆｉｌｅ”ｎａｍｅ＝”参数名字”＞　

＜／ＦＯＲＭ＞　

本文的示例中，设计了一个名为Ｐｉｃ

＿

ＵｐＬｏａｄ．ｊｓｐ的ＪＳＰ　

页面，其中包含一个Ｆｉｌｅ类型的表单，为用户提供图一的操　

作界面。　

图一页面中为用户提供的操作界面　

点击浏览按钮可以浏览本地文件系统，选择待上传到图　

片文件，然后，点击上传图片按钮，向服务器提交选中的图片　

文件。如：　

Ｐｉｃ

＿

ＵｐＬｏａｄ．ｊｓｐ中的关键代码如下：　

＜ＦＯＲＭ　ａｃｔｉｏｎ＝”Ｕｐ

Ｉｍａｇｅ

Ｆｉｌｅ”ｍｅｔｈｏｄ＝”ｐｏｓｔ”ＥＮＣ—　

—＿

ＴＹＰＥ＝”ｍｕｌｔｉｐａｒｔ／ｆｏｒｍ—ｄａｔａ”＞　

＜ＩＮＰＵＴ　ｔｙｐｅ＝ＦＩＬＥ　ｎａｍｅ＝”Ｉｍａｇｅ

＿

Ｆｉｌｅ”ｓｉｚｅ＝”４５”＞　

＜ＩＮＰＵＴ　ｎａｍｅ＝”ｓｕｂｍｉｔ”ｔｙｐｅ＝”ｓｕｂｍｉｔ”ｖａｌｕｅ＝”上传图　

片”＞　

＜／ＦＯＲＭ＞　

其中Ｆｏｒｍ的ａｃｔｉｏｎ项指示表单信息提交的目标为　

Ｕｐ

Ｉｍａｇｅ

＿＿

Ｆｉｌｅ，它对应服务器端的一个Ｓｅｒｖｌｅｔ，负责接收用　

户提交的信息，并从中解析图片信息，存人数据库中。　

（２）服务器端调用相应的组件响应用户的请求，从用户　

提交的信息流中解析出图片信息，存人数据库。这项工作可　

以由一个Ｓｅｒｖｌｅｔ来完成。如上例中ａｃｔｉｏｎ项所指定的目标　

就是一个Ｓｅｒｖｌｅｔ。　

当用户向Ｗｅｂ服务器某个ＪＳＰ页面或Ｓｅｒｖｌｅｔ提交信息　

时，服务器将这些信息封装在内黄对象ｒｅｑｕｅｓｔ中，包括Ｆｉｌｅ　

类型表单提交的文件内容。在ＪＳＰ页面或Ｓｅｒｖｌｅｔ中，可以访　

问这个ｒｅｑｕｅｓｔ对象，调用它的方法ｇｅｔｌｎｐｕｔＳｔｒｅａｍ０获得一　

个输入流，这个输入流包含用户上传的全部信息，对这个输　

入流进行解析，可以分离出我们所感兴趣的部分。对于Ｆｉｌｅ　

类型表单提交的信息，输入流的前４行和后５行是表单本身　

的信息，中间部分才是用户上传的文件内容。服务器端的　

Ｓｅｒｖｌｅｔ可以按如下的过程提取图片文件内容并写入ＭｙＳｑｌ　

的ＢＬＯＢ字段：　

①调用ｒｅｑｕｅｓｔ对象的ｇｅｔｉｎｐｕｔＳｔｒｅａｍＯ方法，获得输入　

流，如：　

ＩｎｐｕｔＳｔｒｅａｍ　ｉｎ＝ｒｅｑｕｅｓｔ．ｇｅｔｌｎｐｕｔＳｔｒｅａｍ０；　

输人流ｉＩｌ包含了用户提交的所有信息。　

②读取输入流所有信息到一个ｂｙｔｅ数组中，并关闭输　

入流，如：　

ｉｎｔ　ｌｅｎｇｔｈ；ｒｅｑｕｅｓｔ．ｇｅｔＣｏｎｔｅｎｔＬｅｎｇｔｈ０；　

ｂｙｔｅ　ｂ［］＝ｎｅｗ　ｂｙｔｅ［１ｅｎｇｔｈ］；　

ｉｎｔｎ＝０：　

ｉｎｔｏｔｉｓｅｔ　Ｏ：　

ｗｈｉｌｅ（ｎ！＝一１）　

｛　

ｎ＝ｉｎ．ｒｅａｄ（ｂ，ｏｆｆｓｅｔ，７６７０）；　

ｏｆｆｓｅｔ＋＝ｎ：　

／／ｏｕｔ．ｐｒｉｎｔｎｉ（”循环内ｎ值为：”＋ｎ）；　

｝；　

ｉｎ．ｃｌｏｓｅ０；　

上述代码将输人流ｉｎ包含的所有信息依次读取到ｂｙｔｅ　

数组ｂ［］中。　

③定位第４个回车符和倒数第６个回车符的位置，即为　

图片文件内容的起始位置和终止位置。　

／／获取第４行回车符号的后一个位置，即上传图片文件　

的起始位置　

ｉｎｔ　ｆｏｒｔｈＥｎｄＰｏｓｉｔｉｏｎ＝Ｏ：　

ｉｎｔ　Ｔｅｍｐ　Ｐｏｉｎｔｅｒ＝Ｏ：　

ｉｎｔｆｏｒｔｈ一１；　

ｗｈｉｌｅ（Ｔｅｍｐ＿Ｐｏｉｎｔｅｒ＜ｌｅｎｇｔｈ＆＆（ｆｏｒｔｈ＜＝４））　

｛　

ｉｆ（ｂ［Ｔｅｍｐ　Ｐｏｉｎｔｅｒ＋＋】一’ｈａ＇）　

｛　

ｆｏｒｔｈＥｎｄＰｏｓｉｔｉｏｎ＝Ｔｅｍｐ

Ｐｏｉｎｔｅｒ；　

＿

ｆ０州ｈ＋＋：　

）　

）　

／／获取第六行回车符位置，即为上传文件的结束位置，　

保存到ＳｉｘｅｎｄＰｏｓｉｔｉｏｎ变量中　

ｉｎｔ　ＳｉｘｅｎｄＰｏｓｉｔｉｏｎ＝ｌｅｎｇｔｈ；　

Ｔｅｍｐ

Ｐｏｉｎｔｅｒ＝ｌｅｎｇｔｈ；　

＿

ｉｎｔｊ＝１；　

ｗｈｉｌｅ（（Ｔｅｍｐ＿Ｐｏｉｎｔｅｒ＞＝Ｏ）＆＆（ｊ＜＝６））　

｛　

Ｔｅｍｐ

Ｐｏｉｎｔｅｒ－一：　

＿

ｉｆ（ｂ［Ｔｅｍｐ＿Ｐｏｉｎｔｅｒ］一’　’）　

｛　

ＳｉｘｅｎｄＰｏｓｉｔｉｏｎ＝Ｔｅｍｐ

＿

Ｐｏｉｎｔｅｒ；　

ｊ＋＋；　

）

）

ＳｉｘｅｎｄＰｏｓｉｔｉｏｎ－＝２；　

／／将结果后移两位，就是上传文件的结束位置　

④根据定位的结果，从ｂｙｔｅ数组中取出图片文件内容，　

存入一个输入流中。　

ｉｎｔ　ｓｔａｒｔＰｏｉｎｔ＝ｆｏｒｔｈＥｎｄＰｏｓｉｔｉｏｎ；　

ｉｎｔ　ｅｎｄＰｏｉｎｔ＝ＳｉｘｅｎｄＰｏｓｉｔｉｏｎ；

ｉｎｔ　Ｃｏｕｎｔ＝ｅｎｄＰｏｉｎｔ—ｓｔａｒｔＰｏｉｎｔ＋１；　

ＢｙｔｅＡｒｒａｙｌｎｐｕｔＳｔｒｅａｍ　ｂ

—

ｉｎ　ｎｅｗ　ＢｙｔｅＡｒｒａｙｌｎｐｕｔＳｔｒｅａｍ　

（ｂ，ｓｔａ

上述代码将ｂｙｔ

ｒｔＰｏｉｎｔ，Ｃｏｕｎｔ）；／

ｅ数组ｂ中的图片文件内容保存到输入　

／图片内容　

流ｂ

ｉｎ中。　

＿

⑤创建

Ｃｏｎｎｅｃｔｉｏｎ类型的数据库连接对象ｃｏｎ，连接数　

据库。

⑥利用数据库连接对象创建Ｐｒｅｐａｒｅｄｓｔａｔｅｍｅｎｔ类型的　

实例对象，保存带参的ＳＱＬ预编译语句，如：　

ｒｅｐａｒｅｄＳｔａｔｅｍｅｎｔ　ｓ　ｃｏｎ．ｐｒｅｐａｒｅＳｔａｔｅｍｅｎｔ　ｒ”ｉｎｓｅｒｔ　ｉｎｔｏ　ｔｅｓｔ　

（ｎａｍｅ，ｐｉｃ）ｖａｌｕｅｓ（’ｍｅ’，？）”）；　

此处涉及的ｔｅｓｔ数据表包含３个字段：ｐｉｃ

—

ｉｄ、ｎａｍｅ及　

ｐｉｃ。ｐｉｃ

．＿

ｉｄ字段为ｉｎｔ类型，且具有自增属性；ｎａｍｅ字段为

ＶＡＲＣＨＡＲ类型；ｐｉｃ是一个Ｂｌｏｂ类型的字段，用来存放图　

片文件内容。该预编译语句的功能是向ｔｅｓｔ数据表中插入一　

条记录，ｎａｍｅ字段值为”ｍｅ”，ｐｉｃ字段值为”？”，表示该字段　

的值待定，在执行该预编译语句时，以参数的形式确定它的　

取值。当向包含Ｂｌｏｂ类型字段的数据表插入记录的时候，　

Ｂｌｏｂ字段是不能直接赋值的，需要通过带参ＳＱＬ预编译语　

句，将该字段的值设为待定，在执行预编译语句的时候，为它　

指定一个输入流作为参数，实现将输人流包含的信息写入　

Ｂｌ０ｂ字段。　

⑦将④中的输人流作为参数，执行⑥中ＳＱＬ预编译语　

句，将用户上传的图片文件内容存人到ＭｙＳｑｌ数据库的　

Ｂｌｏｂ类型字段中。　

ｓ．ｓｅｔＢｉｎａｒｙＳｔｒｅａｍ（１，ｂ＿ｉｎ）；　

ｓ．ｅｘｅｃｕｔｅＵｐｄａｔｅ０；　

通过这７个步骤完成图片信息的获取和存储。　

４图片显示　

存储在数据库中图片的显示涉及两个组件，一个是前台　

供客户端浏览器浏览显示图片的页面，一个是在后台由服务　

器调用，读取数据库中图片信息的ＪＳＰ或Ｓｅｒｖｌｅｔ。　

（１）前台页面可以是一个普通的ＨＴＭＬ页面或其它的动　

态页面，页面中需要包含一条ｉｍｇ标签，调用后台的ＪＳＰ或　

Ｓｅｒｖｌｅｔ获取图片信息，并在页面上显示，如以下语句：　

＜ｉｍｇ　ｓｒｃ＝＜％＝”Ｐｉｃ＿Ｓｈｏｗ．ｊｓｐ？ｐｉｃ＿ｉｄ＝２）％＞ｂｏＭｅ￣”０”　基　

Ｐｉｃ＿Ｓｈｏｗ．ｊｓｐ就是一个在后台负责读取数据库中图片信　于　

Ｌ　

息的ＪＳＰ页面，参数ｐｉｃ＿ｉｄ指定待显示图片在数据库中的ｉｄ　＿∽　。　

号。　及　

（２）后台ＪＳＰ或Ｓｅｒｖｌｅｔ根据显示页面的请求，查询数据　王　

∽　

库，从返回的记录中读取出保存在Ｂｌｏｂ字段中的图片信息，　。＿　

数　

然后将图片信息发送到显示页面显示。（１）中所提到的　据　

Ｐｉｃ

Ｓｈｏｗ．ｊｓｐ部分关键代码如下：　库　

＿

的　

Ｓｔｒｉｎｇ　ｐｉｃ

ｉｄ

＿＿

ｓ＝（Ｓｔｒｉｎｇ）ｒｅｑｕｅｓｔ．ｇｅｔＰａｒａｍｅｔｅｒ（”ｐｉｃ　ｉｄ”）；　图　

ｐｉｃ

ｉｄ＝Ｉｎｔｅｇｅｒ．ｐａｒｓｅｌｎｔ（ｐｉｃ＿ｉｄ＿ｓ）；　片　

＿

存　

Ｓｔｒｉｎｇ　ｓｑｌ

ｄ＝”￣ｐｉｃ

ｉｄ；　储　

ｔ

ｔ

　ｒ＝ｓ．

ｘｔ－＝”ｓｅｌ

ｅｘｅｃｕｔ

ｅｃｔ　ｐｉ

ｅＱｕｅｒ

ｃ　ｒｆｏｍ　

ｙ（ｓ

ｔｅｓ

ｑｌ

ｔ

ｔ

　

ｘｔ

ｗｈｅｒ

）；　

ｅ　ｐｉｃ

ｉ

ＲｅｓｕｌｔＳｅ

＿＿

和　

显　

ｒ．ｎｅｘｔ０；　示　

Ｂｌｏｂ　ｂ＝ｒ．ｇｅｔＢｌｏｂ（”ｐ　）；　

技　

术　

ｌｏｎｇ　ｓｉｚｅ＝ｂ．１ｅｎｇｔｈ（）；　初　

探　

ｂｙｔｅ［】ｂｓ＝ｂ．ｇｅｔＢｙｔｅｓ（１，（ｉｎｔ）ｓｉｚｅ）；　

ｒｅｓｐｏｎｓｅ．ｓｅｔＣｏｎｔｅｎｔＴｙｐｅ（”ｉｍａｇｅ／ｊｐｅｇ”）；　

ＯｕｔｐｕｔＳｔｒｅａｍ　ｏｕｔｓ＝ｒｅｓｐｏｎｓｅ．ｇｅｔＯｕｔｐｕｔＳｔｒｅａｍ０；　

ｏｕｔｓ．ｗｒｉｔｅ（ｂｓ）；　

ｏｕｔｓ．ｌｆｕｓｈ０；　

Ｐｉｃ

＿

Ｓｈｏｗｊｓｐ根据（１）中前台页面ｉｍｇ标签传递过来的　

参数ｐｉｃ

＿

ｉｄ查询ｔｅｓｔ表，返回的记录中只包含一个字段，即　

存储图片信息的ｐｉｃ字段。设置Ｐｉｃ

＿

Ｓｈｏｗ．ｊｓｐ的ＣｏｎｔｅｎｔＴｙｐｅ　

为“ｉｍａｇ／ｊｐｅｇ”，然后将图片信息写入输出流，实现将图片信　

息发送给显示页面显示　

５结束语　

本文介绍的网页图片数据库存储和显示方法还可以进　

一步加强，实现缩略图功能，这也是很多网站使用到的一个　

技术。文中提到的方法稍加修改同样适用于其他的平台。　

参考文献　

［１】范立锋，乔世权，程文彬．ＪＳＰ程序设计【Ｍ】．北京：人民　

邮电出版社，２００９．　

【２】郑阿奇．ＭｙＳＱＬ实用教程［Ｍ】．北京：电子工业出版社，　

２００９．　

作者简介　

吴闻（１９７３一），男，汉族，讲师，硕士研究生，主要研究方　

向：软件与理论；　

吴焰斌（１９７９一），男，汉族，助理实验师，硕士研究生，主　

要研究方向：网络管理及网络技术。　

ｇ３