JSP上传图片到数据库的例子
用JSP实现拖拽上传文件和文件夹
用JSP实现拖拽上传文件和文件夹JSP（JavaServer Pages）是一种动态网页技术，允许将Java代码嵌入到HTML页面中。
拖拽上传文件和文件夹是一种常见的网页交互功能，可以使用JSP来实现。
在实现拖拽上传文件和文件夹功能之前，首先需要了解一下拖拽上传的基本原理。
在HTML中，可以通过Drag and Drop API来获取拖拽的文件和文件夹。
然后，可以使用JavaScript将拖拽的文件和文件夹发送到服务器端，服务器端可以使用JSP来处理这些文件和文件夹。
以下是一个基本的实现拖拽上传文件的JSP页面的示例：```htmlpageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>拖拽上传文件</title><script>function handleDrop(event)event.preventDefault(; // 禁止浏览器打开文件var files = event.dataTransfer.files;//遍历上传的文件for (var i = 0; i < files.length; i++)var file = files[i];// 创建FormData对象，用于发送文件到服务器var formData = new FormData(;formData.append("file", file);// 创建一个XMLHttpRequest对象，发送文件到服务器var xhr = new XMLHttpRequest(;xhr.open("POST", "upload.jsp", true);xhr.onreadystatechange = functioif (xhr.readyState == 4 && xhr.status == 200)//上传成功console.log(xhr.responseText);}};xhr.send(formData);}}</script></head><body ondragover="event.preventDefault(;"ondrop="handleDrop(event);"><h1>拖拽上传文件</h1><p>将文件拖拽到此处上传</p></body></html>```当文件被拖拽到页面的时候，`handleDrop(`函数会被调用。
java中图片上传并在jsp页面显示
image mediumblob not null,
description varchar(100) null
);
5，应用程序的目录结构
%catalina_home%\webapps\demo
------test_upload.htm
------upload.jsp
------WEB-INF
|-------commons-fileupload-1.0.jar
|----src
|----com
|-----cf
<html>
<head>
<title>
上传测试
</title>
<body>
<form action="upload.jsp" enctype="multipart/form-data" method="post">
your name:
<br>
<input type="text" name="name">
6，web.xml文件内容
<?xml version="1.0"?>
<!DOCTYPE web-app
PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"/j2ee/dtds/web-app_2_3.dtd">
<%
DiskFileUpload upload=new DiskFileUpload();
图片上传的设计与实现
┊┊┊┊┊┊┊┊┊┊┊┊┊装┊┊┊┊┊订┊┊┊┊┊线┊┊┊┊┊┊┊┊┊┊┊┊┊图片上传的设计与实现二．设计目的运用jsp开发工具和数据库开发一个小型的基于Web系统。
要求提交详细的设计说明书及各步骤所需图表和文档，对复杂的代码段和程序段，应画出程序流程图。
在界面设计中，画出每个窗口的布局。
通过本实践性教学环节，能较好地巩固jsp基本知识，jsp连接数据库实现动态网页。
三．需求分析如今时代，互联网已经进入我们的生活，而互联网上就有图片上传，显示，访问等等功能，有着很大的市场空间。
图片上传必须实现：1.数据库访问模块：利用JavaBean封装对数据库的操作，主要包括连接数据库、添加、删除、查询数据表、关闭连接等功能；2.上传模块：通过上传组件实现图片的上传。
3.显示模块：提供图片信息列表的显示效果。
4.查看模块：点击可以显示图片的内容。
四．总体设计图片上传是指客户端通过Web应用程序将本地图片资源传输到服务器上。
在客户端需要显示图片时，服务器端将图片通过网络以流的形式发送给客户端，然后利用不同的形式显示图片。
图片上传必须要对电子相册有，用户注册，用户注册，添加相片，修改相册，用户反馈，管理用户，如图1所示。
图1 总体设计┊┊┊┊┊┊┊┊┊┊┊┊┊装┊┊┊┊┊订┊┊┊┊┊线┊┊┊┊┊┊┊┊┊┊┊┊┊1.文件上传组件介绍文件上传组件是一些开源组织发布的针对实现文件上传功能的一组class 文件。
jspSmartUpload和Apache的common-fileupload是两个比较流行的文件上传组件。
这两个组件都可以在JSP中实现文件上传。
本节使用Apache的common-fileupload组件实现图片上传。
2.HTML中文件上传组件介绍HTML中<input type="file"/>元素可以创建文件上传组件。
该控件带有一个文本框和浏览按钮。
使用该组件时要注意以下几点。
图片上传的设计与实现
┊┊┊┊┊┊┊┊┊┊┊┊┊装┊┊┊┊┊订┊┊┊┊┊线┊┊┊┊┊┊┊┊┊┊┊┊┊图片上传的设计与实现二．设计目的运用jsp开发工具和数据库开发一个小型的基于Web系统。
要求提交详细的设计说明书及各步骤所需图表和文档，对复杂的代码段和程序段，应画出程序流程图。
在界面设计中，画出每个窗口的布局。
通过本实践性教学环节，能较好地巩固jsp基本知识，jsp连接数据库实现动态网页。
三．需求分析如今时代，互联网已经进入我们的生活，而互联网上就有图片上传，显示，访问等等功能，有着很大的市场空间。
图片上传必须实现：1.数据库访问模块：利用JavaBean封装对数据库的操作，主要包括连接数据库、添加、删除、查询数据表、关闭连接等功能；2.上传模块：通过上传组件实现图片的上传。
3.显示模块：提供图片信息列表的显示效果。
4.查看模块：点击可以显示图片的内容。
四．总体设计图片上传是指客户端通过Web应用程序将本地图片资源传输到服务器上。
在客户端需要显示图片时，服务器端将图片通过网络以流的形式发送给客户端，然后利用不同的形式显示图片。
图片上传必须要对电子相册有，用户注册，用户注册，添加相片，修改相册，用户反馈，管理用户，如图1所示。
图1 总体设计┊┊┊┊┊┊┊┊┊┊┊┊┊装┊┊┊┊┊订┊┊┊┊┊线┊┊┊┊┊┊┊┊┊┊┊┊┊1.文件上传组件介绍文件上传组件是一些开源组织发布的针对实现文件上传功能的一组class 文件。
jspSmartUpload和Apache的common-fileupload是两个比较流行的文件上传组件。
这两个组件都可以在JSP中实现文件上传。
本节使用Apache的common-fileupload组件实现图片上传。
2.HTML中文件上传组件介绍HTML中<input type="file"/>元素可以创建文件上传组件。
该控件带有一个文本框和浏览按钮。
使用该组件时要注意以下几点。
用JSP编写文件上传
用JSP编写文件上传袁毅：2000-10-23如果你曾用VB编写文件上传的组件的话，那么用JAVA编写文件上传的JAVABEAN十分容易。
下面的例子只是一个简版package yuanyifileup;import java.io.*;import java.util.*;import javax.servlet.*;import javax.servlet.http.*;import javax.servlet.jsp.PageContext;public class yuanyifileup{private ServletRequest request;private ServletResponse response;private ServletConfig config;ServletInputStream DATA;int FormSize;File f1;FileOutputStream os;DataInputStream is;String filename;byte[] b;byte t;boolean flag=false;public yuanyifileup(){ }public void initialize(ServletConfig config,HttpServletRequest request,HttpServlet Response response) throws IOException{this.request=request;this.response=response;this.config=config;DATA = request.getInputStream();FormSize=request.getContentLength();}public void initialize(PageContext pageContext) throws IOException{request=pageContext.getRequest();response=pageContext.getResponse();config=pageContext.getServletConfig();DATA = request.getInputStream();FormSize=request.getContentLength(); }public boolean setFilename(String s) {try{File f1=new File(s);os=new FileOutputStream(f1);}catch(IOException e){return(false);}return(true);}public void getByte(){int i=0;try{is=new DataInputStream(DATA);b=new byte[FormSize];while (true){try{t=is.readByte();b[i]=t;i++;}catch(EOFException e) { break;}}is.close();}catch(IOException e) {}}public boolean save() {int i=0,start1=0,start2=0; String temp="";if (!flag){getByte();flag=true;}try{temp=new String(b,"ISO8859_1");}catch(UnsupportedEncodingException e) {return(false);}start1=temp.indexOf("image/");temp=temp.substring(start1);start1=temp.indexOf("");temp=temp.substring(start1+4);start2=temp.indexOf(";");if (start2!=-1){temp=temp.substring(0,start2);}try{byte[] img=temp.getBytes("ISO8859_1");for (i=0;i<img.length;i++){ os.write(img[i]); }os.close();}catch(IOException e){return(false);}return(true);}如果有不明白的发E-Mail:yymailbox@.Bye }。
SmartUpload
----作者:张小龙email:zxlxgd@SmartUpload的作用1.SmartUpload的主要作用：主要是完成上传操作，如果想要上传的话，可以直接使用html表单中的file 元素即可。
<form><input type="file" name="file"></form>常见的上传组件：Smartupload, Apache FileUpload2.使用Smartupload上传文件编写一个表单，表单中使用file元素。
<html><head><title>SmartUpload</title></head><body><form action="SmartUpload01.jsp"method="post"enctype="multipart/form-data">用户姓名：<input type="text"name="uname"><br>上传的图片：<input type="file"name="pic"><input type="submit"value="上传"></form></body></html>之后编写jsp文件，接收上传的内容，上传的步骤分为以下几个步骤：1.初始化上下文2.准备上传3.保存文件范例：Smartupload01.jsp:<%@page language="java"import="java.util.*"pageEncoding="gbk"%> <jsp:useBean id="smartupload"class="org.lxh.smart.SmartUpload"/><html><head><title>SmartUpload</title></head><body><%request.setCharacterEncoding("gbk");smartupload.initialize(pageContext);//初始化上传smartupload.upload();//准备上传String name=smartupload.getRequest().getParameter("uname");smartupload.save("upload");//保存文件%><h2><%=name %></h2></body></html>注意：上传文件的时候表单需要封装。
JSP实现图文档在数据库中的操作
Ｊ Ｐ对 数 据 库 的 访 问 主 要 通 过 Ｊ Ｂ 来 实 现 ， Ｓ Ｄ Ｃ Ｊ Ｃ 足在 Ｊ ｖ 序 ， 执行 Ｓ ＤＢ ａ ａ程 ｝ 】 ＱＬ 语句 的应 用 程 序设
计 接 口，南 Ｊ ｖ ａ ａ语 言编 写 的类和 接 口组 成 ， 能够 为数
务器和 数据库 服务 器相 连 ，使得 各种 信息 交互 向实 时 的数据 库动态 生成 转化 ，从 而对 用户 需求 迅速 作 ｝反 ｆ ｛
对代码 进行 转换 编 译 、然 后再 执行 的方 式 ，大大 提 高
了运行 效率 。
ｌ Ｊ Ｐ技术 优势 Ｓ Ｊ Ｐ继 承 了 Ｊｖ Ｓ ａ ａ语 言的优 势 ，具有 可移 植性 、分
难 度 ，同 时 ， 给数据 的 安全带 来 一定 的隐 患 。因此 ， 也
直 接将 图像 数据 存储 在数 据库 奖 系表 中 的方法 是非 常
有 跨 平 台 可 重用 性 并 增 强数 据库 的 安 全 性 。在 通 过
ＪＰ实 现用 户与服 务 器之 间的交 互操 作 时 ， ｅｎ组 件 Ｓ Ｂａ
－ 山西 太 原 科 学 技 术 局 风 险 投 资项 口 （ ０ ５ ２ １ Ｈ２ ０ ０ ０ ） 收 稿 日期 ；２ ０ —０１ ；修 回 日期 ；２ ０ —卜２ ０ ５１ —８ ０ ５１ Ｉ
应 传 统 的 Ｃ Ｉ ＡＰ 技术 虽 然也 提供 了交 功 能 ， Ｇ 和 Ｉ 但 由于不易 开发 、变更 修 改成本 高、功能 有 限 以及依 赖 于特 定 的服务 器等 自身 的缺 陷ｉ 使 其 的开发 和使 用 而
据 库 提供 无缝链 接 ，实现 前台 数据 库 的交互 。 ｊ
Ｉｔｒｅ 技术 的普 及 和发 展 以及信 息 化程 度 的提 ｎ ｅｎ ｔ
jsp上传图片完整代码
String filename=String.valueOf(cal.getTimeInMillis());
saveurl=request.getRealPath("/")+url;
{
sma.setAllowedFilesList("jpg,gif");
sma.upload();
}catch(Exception e){
%>
<script language="jscript">
if(myf.isMissing()){
%>
<script language="jscript">
alert("请选择要上传的文件!")
window.location.href="upfile.jsp"
</script>
<html>
<head>
<title>My JSP 'uploadimage.jsp' starting page</title>
</head>
<body>
<%
SmartUpload sma=new SmartUpload();
out.println("图片上传成功!");
response.sendRedirect("showimg.jsp");
}
}
}catch(Exception e){
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
现在想写个程序向数据库中插入图片路径(或则插入图片也可以)最好是插入图片的路径这样可插入任意大的图片...请高手指点一下思路..感激不尽1.通过显示层向数据库中插入图片2.在界面显示的时候是小图片(缩小过的)3.当点击查看大图片会显示图片(原来的大小)提供给你图片上传和显示的代码吧！希望对你有帮助我在程序代码里贴了向Mysql数据库写入image代码的程序，可是好多人都是Java的初学者，对于这段代码，他们无法将它转换成jsp，所以我在这在写一下用jsp怎样向数据库写入图像文件。
大家先在数据库建这样一张表，我下面的这些代码对任何数据库都通用，只要支持blob类型的只要大家将连接数据库的参数改一下就可以了。
SQL> create table image(id int,content varchar(200),image blob);如果在sqlserver2000的数据库中，可以将blob字段换为image类型，这在SqlServer2000中是新增的。
testimage.html文件内容如下：<HTML><HEAD><TITLE> Image File </TITLE><meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 "></HEAD><FORM METHOD=POST ACTION= "testimage.jsp "><INPUT TYPE= "text " NAME= "content "> <BR><INPUT TYPE= "file " NAME= "image "> <BR><INPUT TYPE= "submit "> </FORM><BODY></BODY></HTML>我们在Form的action里定义了一个动作testimage.jsp，它的内容如下：<%@ page contentType= "text/html;charset=gb2312 "%><%@ page import= "java.sql.* " %><%@ page import= "java.util.* "%><%@ page import= "java.text.* "%><%@ page import= "java.io.* "%><html><%Class.forName( "org.gjt.mm.mysql.Driver ").newInstance();String url= "jdbc:mysql://localhost/mysql?user=root&password=&useUnicode=true&characterEncoding=885 9_1 ";//其中mysql为你数据库的名字，user为你连接数据库的用户，password为你连接数据库用户的密码，可自己改Connection conn= DriverManager.getConnection(url);String content=request.getParameter( "content ");String filename=request.getParameter( "image ");FileInputStream str=new FileInputStream(filename);String sql= "insert into test(id,content,image) values(1,?,?) ";PreparedStatement pstmt=dbconn.conn.prepareStatement(sql);pstmt.setString(1,content);pstmt.setBinaryStream(2,str,str.available());pstmt.execute();out.println( "Success,You Have Insert an Image Successfully ");%>下面我写一个测试image输出的例子看我们上面程序写的对不对，testimageout.jsp的内容如下：<%@ page contentType= "text/html;charset=gb2312 "%><%@ page import= "java.sql.* " %><%@ page import= "java.util.* "%><%@ page import= "java.text.* "%><%@ page import= "java.io.* "%><html><body><%Class.forName( "org.gjt.mm.mysql.Driver ").newInstance();String url= "jdbc:mysql://localhost/mysql?user=root&password=&useUnicode=true&characterEncoding=885 9_1 ";//其中mysql为你数据库的名字，user为你连接数据库的用户，password为你连接数据库用户的密码，可自己改Connection conn= DriverManager.getConnection(url);String sql = "select image from test where id =1 ";Statement stmt=null;ResultSet rs=null;try{stmt=conn.createStatement();rs=stmt.executeQuery(sql);}catch(SQLException e){}while(rs.next()) {res.setContentType( "image/jpeg ");ServletOutputStream sout = response.getOutputStream();InputStream in = rs.getBinaryStream(1);byte b[] = new byte[0x7a120];for(int i = in.read(b); i != -1;){sout.write(b);in.read(b);}sout.flush();sout.close();}}catch(Exception e){System.out.println(e);}%></body></html>你运行这个程序，你就会看到刚才你写入美丽的图片就会显示在你面前。
怎么样，用jsp 来试试。
这种方法把图片写到数据库中会使数据库在短时间内容量飞涨，会影响性能的，另外一种做法将图片存上传到服务器上，在数据库里只存放图片的路径，这是一个很好的方法。
我建议大家采取后面一种方法。
我用的是2005的数据库可是运行的时候出现异常javax.servlet.ServletException: No suitable driver<HTML><HEAD><TITLE> Image File </TITLE><meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 "></HEAD><FORM METHOD=POST ACTION= "tImage.jsp "><INPUT TYPE= "text " NAME= "content "> <BR><INPUT TYPE= "file " NAME= "image "> <BR><INPUT TYPE= "submit "> </FORM><BODY></BODY></HTML>-------------------------------<%@ page contentType= "text/html;charset=gb2312 "%><%@ page import= "java.sql.* " %><%@ page import= "java.util.* "%><%@ page import= "java.text.* "%><%@ page import= "java.io.* "%><html><body><%Class.forName( "com.microsoft.jdbc.sqlserver.SQLServerDriver ").newInstance();String url= "jdbc:sqlserver://localhost:1433;DatabaseName=haifei ";String username = "sa " ;String pass = "java ";//其中mysql为你数据库的名字，user为你连接数据库的用户，password为你连接数据库用户的密码，可自己改Connection conn= DriverManager.getConnection(username,pass,url);String content=request.getParameter( "content ");String filename=request.getParameter( "image ");FileInputStream str=new FileInputStream(filename);String sql= "insert into [haifei].[dbo].[imageTable](id,content,tupian)values(1,?,?) ";PreparedStatement pstmt=conn.prepareStatement(sql);pstmt.setString(1,content);pstmt.setBinaryStream(2,str,str.available());pstmt.execute();out.println( "Success,You Have Insert an Image Successfully ");%></html>１.最直接最简单的，方式是把文件地址直接放到html页面的一个链接中。