图片上传的设计与实现.docVIP

设计题目 图片上传的设计与实现 设计目的 运用jsp开发工具和数据库开发一个小型的基于Web系统。要求详细的设计说明书，对复杂的代码段和程序段，应画出程序流程图。在界面设计中，画出每个窗口的布局 图1 总体设计 详细设计 1.文件上传组件介绍 文件上传组件是一些开源组织发布的针对实现文件上传功能的一组class文件。jspSmartUpload和Apache的common-fileupload是两个比较流行的文件上传组件。这两个组件都可以在JSP中实现文件上传。本节使用Apache的common-fileupload组件实现图片上传。 2.HTML中文件上传组件介绍 HTML中input type=file/元素可以创建文件上传组件。该控件带有一个文本框和浏览按钮。使用该组件时要注意以下几点。该元素必须出现在form表单内。必须为该元素的name属性指定属性值。form的method方法必须设置为post。form元素enctype标签属性值必须设置为multipart/form-data。要处理上载到服务器的文件，服务器必须有可以处理multipart/form-data提交的进程。 3.common-fileupload组件简介 common-fileupload组件是apache的开源项目之一。用该组件可实现一次上传一个或多个文件，并可限制文件大小。可以从/commons/ fileupload/下载到该组件。该组件在许多其他开源项目中被使用，如struts、WebWork等。该组件由几个核心类组成，下面对这几个类进行简单的介绍。 （1）DiskFileUpload类。 （2）FileItem类用来封装单个表单字段元素的数据，一个表单字段元素对应一个FileItem对象，通过调用FileItem对象的方法可以获得相关表单字段元素的数据。 （3）FileUploadException类。在文件上传过程中，可能发生各种各样的异常，如网络中断、数据丢失等。为了对不同异常进行适当的处理，Apache文件上传组件还开发了4个异常类，其中FileUploadException是其他异常类的父类，其他几个类只是被间接调用的底层类，对于Apache组件调用人员来说，只需对FileUploadException异常类进行捕获和处理即可。 4．文件在服务器端的存储形式 在服务器端存储文件主要有两种方式：磁盘存储和数据库存储。在这里使用的是后者，利用数据库存储来将图片上传到服务器端。这两种存储方式各有利弊。利用数据库来存储这些资源会导致数据库的处理效率降低，但相对安全。利用磁盘来存储图片资源安全性相对来说比较低，但不会影响到处理的。File-tbl表结构如图1所示。 表1 File-tbl表结构 字段名 类型 备注 Id INTEGER 主键且自动增长 filename VARCHAR(45) 文件名 fileCotent MEDIUMBLOB 文件内容 createDate TIMESTAMP 创建时间 5．页面的设计与实现 （1）上传页面提供文件上传功能。该页面中有以下几个HTML标记元素。 （2）图片列表页面将已经上传到服务器中的图片全部显示在页面中，图片名称以超链接形式显示在页面中，单击该超链接可以显示该图片名称对应的图片内容，如图2所示。 图2 图片列表页面的效果 （3）图片显示页面，负责图片内容的显示，效果如图3所示。 图3 图片显示页面的效果 代码实现如下： PRE class=java name=code%@ page language=java pageEncoding=gb2312% %@ page import=java.io.*,java.awt.Image,java.awt.image.*,com.sun.image.codec.jpeg.*,java.sql.*,com.jspsmart.upload.*,java.util.*% %@ page import=mainClass.* % html head titleMy JSP uploadimage.jsp starting page/title /head body % SmartUpload sma=new SmartUpload(); long file_max_size=4000000; String filename1=,ext=,testvar=; 6．文件上传处理 上传页面可以进行图片上传操作。图片先被上传到服务器，再被文件上传处理程序进行处理，最后存储到数据库中， 前面已