JSP +smartUpload对图片的增删改查

最新推荐文章于 2020-12-24 15:37:42 发布
最新推荐文章于 2020-12-24 15:37:42 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： web开发 文章标签： jsp string input image file
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/honghu549599AAA/article/details/7825742
版权

详细代码请参见http://download.csdn.net/detail/honghu549599aaa/4472543（欢迎斧正）



主页 （上传多张图片）

upload.html

 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<html>
<head>
<title>用smartUpload组件实现文件上传</title>
</head>
<body>
<p align="center">用smartUpload组件实现文件上传</p>
<p align="center">请选择要上传的文件:</p>
<FORM METHOD="POST" ACTION="../FileUpload" ENCTYPE="multipart/form-data">
  <table width="75%" border="1" align="center">
    <tr> 
      <td><div align="center">1、 
          <input type="FILE" name="image1" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">2、 
          <input type="FILE" name="image2" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">3、 
          <input type="FILE" name="image3" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">4、 
          <input type="FILE" name="image4" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">
          <input type="submit" name="Submit" value="上传">
        </div></td>
    </tr>
  </table>
</FORM>
</body>

</html>





2.sevlet（图片上传类）‘


package com.Fly.HBXT.Servlet;




import java.io.IOException;
import java.io.PrintWriter;
import java.sql.SQLException;
import java.util.Calendar;
import java.util.List;


import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.Fly.HBXT.Service.FileUploadService;
import com.Fly.HBXT.model.UserImage;
import com.jspsmart.upload.*;


public class FileUpload extends HttpServlet {





@SuppressWarnings("unchecked")
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {


   response.setContentType("text/html");
request.setCharacterEncoding("GB2312");
response.setCharacterEncoding("GB2312");
PrintWriter out = response.getWriter();
String kk[] = new String[10];
String iamge1="";
String iamge2="";
String iamge3="";
String iamge4="";
SmartUpload mySmartUpload=new SmartUpload();




// System.out.println("更换后的文件名：" + filename);


ServletContext application = this.getServletContext();

String url = "upload/"; // 应保证在根目录中有此目录的存在（也就是说需要自己建立相应的文件夹）




mySmartUpload.initialize(this.getServletConfig(), request, response);
try {
mySmartUpload.upload();

for (int i=0;i<mySmartUpload.getFiles().getCount();i++)
{
com.jspsmart.upload.File file = mySmartUpload.getFiles().getFile(i);
// 若文件表单中的文件选项没有选择文件则继续

if (file.isMissing()) continue;
String ext = file.getFileExt(); // 取得后缀名
String saveurl = ((ServletContext) application).getRealPath("/")
+ url;
Calendar calendar = Calendar.getInstance();
String filename = String.valueOf(calendar.getTimeInMillis());
       saveurl += filename + "." + ext; // 保存路径


      
      filename += "." + ext;
      System.out.println("filename"+filename);

file.saveAs(saveurl, SmartUpload.SAVE_PHYSICAL);


// 显示当前文件信息
out.println("<TABLE BORDER=1>");
out.println("<TR><TD>表单项名（FieldName）</TD><TD>"+file.getFieldName()+"</TD></TR>");
// kk[i]=(String) file.getFieldName();
kk[i]=filename;
out.println("</TABLE><BR>");

}
System.out.println(kk[0]);
System.out.println(kk[1]);
System.out.println(kk[2]);
System.out.println(kk[3]);
  FileUploadService fus=new FileUploadService();
 int flag= fus.fileupload(kk);
  System.out.println("上传结果"+flag);
  List c=fus.findAllPages();
  System.out.println("所有图片为"+c);
  request.setAttribute("AllUserImages", c);
  request.getRequestDispatcher("/FileUpload/showPage.jsp").forward(request, response);
}catch (SmartUploadException e) {
e.printStackTrace();
// TODO: handle exception
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}



}
}




3.预览所有图片

showpics.jsp


<%@ page language="java" import="java.util.*,com.Fly.HBXT.model.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
List UserImageList=(List)request.getAttribute("AllUserImages");
Iterator iterator=UserImageList.iterator();
UserImage images=new UserImage();




%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <style type="text/css">
  img{width: 100;
  height: 200;
  }
  </style>
    <base href="<%=basePath%>">
    
    <title>查看所有图片</title>




  </head>
  
  <body>
  <table>
  <% 
     while(iterator.hasNext()){
images=(UserImage)iterator.next();
     
  %>
  
  <tr>
  <td><a href="findUserImageById?id=<%=images.getId()%>"><%=images.getId() %></a></td>
   <td>  <img alt="暂无图片" src="upload/<%=images.getImages1() %>"></td>
     <td> <img alt="" src="upload/<%=images.getImages2() %>"></td>
     <td>  <img alt="" src="upload/<%=images.getImages3() %>"></td>
      <td>  <img alt="" src="upload/<%=images.getImages4() %>"></td>
        </tr>
        <%} %>
</table>




<!-- 
<FORM METHOD="POST" ACTION="UpdateFileUpload?id=<%=images.getId() %>" ENCTYPE="multipart/form-data"> 
  <table width="75%" border="1" align="center">
    <tr> 
      <td><div align="center">1、 
          <input type="FILE" name="image1" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">2、 
          <input type="FILE" name="image2" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">3、 
          <input type="FILE" name="image3" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">4、 
          <input type="FILE" name="image4" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">
          <input type="submit" name="Submit" value="上传">
        </div></td>
    </tr>
  </table>
</FORM>


 -->




  </body>
</html>




4.根据图片ID查看图片详情

showPageById.java


package com.Fly.HBXT.Servlet;


import java.io.IOException;
import java.io.PrintWriter;
import java.sql.SQLException;


import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.Fly.HBXT.Service.FileUploadService;
import com.Fly.HBXT.model.UserImage;


public class findUserImageById extends HttpServlet {



public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {


response.setContentType("text/html");
PrintWriter out = response.getWriter();
String id=request.getParameter("id");
FileUploadService fus=new FileUploadService();
try {
UserImage iamge =fus.findUserImageById(Integer.parseInt(id));
request.setAttribute("iamge", iamge);
request.getRequestDispatcher("FileUpload/showPageById.jsp").forward(request, response);

} catch (NumberFormatException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}

}



public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {


response.setContentType("text/html");
PrintWriter out = response.getWriter();

}






}



5(重要)随心所欲更改图片

showPageById.jsp


<%@ page language="java" import="java.util.*,com.Fly.HBXT.model.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
UserImage images=(UserImage)request.getAttribute("iamge");






%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <style type="text/css">
  img{width: 100;
  height: 200;
  }
  </style>
    <base href="<%=basePath%>">
    
    <title>My JSP 'showPage.jsp' starting page</title>


-->


  </head>
  
  <body>
  <table>
  
  <tr>
  
   <td>  <img alt="" src="upload/<%=images.getImages1() %>"></td>
     <td> <img alt="" src="upload/<%=images.getImages2() %>"></td>
     <td>  <img alt="" src="upload/<%=images.getImages3() %>"></td>
      <td>  <img alt="" src="upload/<%=images.getImages4() %>"></td>
        </tr>
     
</table>






<FORM METHOD="POST" ACTION="UpdateFileUpload?id=<%=images.getId() %>" ENCTYPE="multipart/form-data">
  <table width="75%" border="1" align="center">
    <tr> 
      <td><div align="center">1、 
          <input type="FILE" name="image1" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">2、 
          <input type="FILE" name="image2" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">3、 
          <input type="FILE" name="image3" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">4、 
          <input type="FILE" name="image4" size="30">
        </div></td>
    </tr>
    <tr> 
      <td><div align="center">
          <input type="submit" name="Submit" value="上传">
        </div></td>
    </tr>
  </table>
</FORM>








  </body>
</html>

6.根据图片ID更新图片

updatePictureById



package com.Fly.HBXT.Servlet;




import java.io.IOException;
import java.io.PrintWriter;
import java.sql.SQLException;
import java.util.Calendar;
import java.util.Iterator;
import java.util.List;


import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.Fly.HBXT.Service.FileUploadService;
import com.Fly.HBXT.model.UserImage;
import com.jspsmart.upload.*;


public class UpdateFileUpload extends HttpServlet {





@SuppressWarnings("unchecked")
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {


   response.setContentType("text/html");
request.setCharacterEncoding("GB2312");
response.setCharacterEncoding("GB2312");
PrintWriter out = response.getWriter();
String kk[] = new String[10];
String iamge1="";
String iamge2="";
String iamge3="";
String iamge4="";
SmartUpload mySmartUpload=new SmartUpload();




// System.out.println("更换后的文件名：" + filename);


ServletContext application = this.getServletContext();

String url = "upload/"; // 应保证在根目录中有此目录的存在（也就是说需要自己建立相应的文件夹）




mySmartUpload.initialize(this.getServletConfig(), request, response);
try {
mySmartUpload.upload();

for (int i=0;i<mySmartUpload.getFiles().getCount();i++)
{
com.jspsmart.upload.File file = mySmartUpload.getFiles().getFile(i);
// 若文件表单中的文件选项没有选择文件则继续

if (file.isMissing()) continue;
String ext = file.getFileExt(); // 取得后缀名
String saveurl = ((ServletContext) application).getRealPath("/")
+ url;
Calendar calendar = Calendar.getInstance();
String filename = String.valueOf(calendar.getTimeInMillis());
       saveurl += filename + "." + ext; // 保存路径


      
      filename += "." + ext;
      System.out.println("filename"+filename);

file.saveAs(saveurl, SmartUpload.SAVE_PHYSICAL);


// 显示当前文件信息
out.println("<TABLE BORDER=1>");
out.println("<TR><TD>表单项名（FieldName）</TD><TD>"+file.getFieldName()+"</TD></TR>");
// kk[i]=(String) file.getFieldName();
kk[i]=filename;
out.println("</TABLE><BR>");

}

  FileUploadService fus=new FileUploadService();
  String id=request.getParameter("id");
 int flag= fus.updateUserImage(kk,Integer.parseInt(id));
  System.out.println("修改结果"+flag);
  List UserImageList=fus.findAllPages();

 // UserImage c=
  request.setAttribute("AllUserImages", UserImageList);
  request.getRequestDispatcher("/FileUpload/showPage.jsp").forward(request, response);
}catch (SmartUploadException e) {
e.printStackTrace();
// TODO: handle exception
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}



}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request,response);
}


}






开心点点
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JSP对图片的增删改查操作（能够删掉图片文件夹下的文件）
08-03
JSP对图片的增删改查操作（能够删掉图片文件夹下的文件）此版本是作者在第一版的基础上改进的。新增加了删除图片的功能，数据库为mysql,经本人亲测能够运行。
【有手就会】Eclipse+MySQL+jsp实现对图书的增删改查（代码简单易理解）
weixin_46019681的博客
01-03 1万+
基于Eclipse与MySQL，用六个jsp文件实现数据库连接并进行增删改查操作，代码简单易理解
jsp对图片增删改查
08-02
jsp MVC 对图片的增删改查史上绝无仅有
smartupload上传图片案例&带图片预览功能
12-27
使用smartupload实现上传图片，且带有图片预览功能。。
jquery+jsp+smartUpload图片剪切上传
04-05
NULL 博文链接：https://913.iteye.com/blog/1538382
jsp+servlet+javabean+ajax MVC模式，增删改查，数据分页显示
11-17
jsp+javabean+servlet+ajax，数据分页显示，使用SERVLET完成增删改查操作， 文件、图片上传，使用smartUpload组件完成上传操作。 MVC模式 非常适合初学者；
完整的Jsp+Servlet+SmartUpload工程实例
01-10
这是一个web登录系统+上传下载 完整的Jsp+Servlet+SmartUpload工程实例
jsp+jspsmartupload控件上传图片至数据库
10-29
jsp+jspsmartupload控件上传图片至数据库源码采用的是jsp+servlet+javabean，数据库是server 2005，关键是传地址
jspsmartupload组件源码.zip_ jspSmartUpload_jsp_jsp 上传文件_jspSmartUplo
09-24
jsp实现的上传组件，共包括5个 类的源代码，一个上传文件的类用servlet实现的
vue element-ui的el-upload上传图片校验
且听风吟的博客
07-28 2981
element-ui的el-upload上传图片相关校验，记录笔记 组件封装： <template> <div class="el-img-upload-container"> <div class="el-img-upload" :class="{'limit-num': fileList.length>=limit, 'mini': size === 'small'}"> <el-upload :action="url" :file
SmartUpload实现图片上传&带预览功能
HeiSeHuoEr的博客
12-27 1295
1.页面设计 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML> <html> <head> <title>Smartupload</title> <script src="https://a...
jsp增加删除按钮_报表的数据删除
weixin_39954889的博客
12-24 1668
有新增就有删除，那么今天我们就来学习掌握中继器中的删除效果；可以看到，在我们的原型中，有两种删除功能，一个是在每项数据后的删除按钮，点击后，将会把点击的对应数据进行删除；另一个是批量删除，勾选多条数据后，点击后将多条数据一起删除。一，单个数据删除1，需实现交互效果：点击某行数据后的“删除”按钮(那个X按钮)，弹出二次确认框，如果点击确认，则该行的数据将被删除，如果点击取消，则该行不做删除...
用SmartUpload实现文件上传，下载，删除
热门推荐
qq_42862882的博客
08-06 1万+
这里介绍的是用jsp+servlet实现的； jsp表单代码就不贴了，注意两个点就行： 1、表单提交必须用post方式 （method=“post”） 2、设置表单enctype属性为”multipart/form-data” 上传 //指定文件存放位置 String filePath = &amp;amp;quot;/images&amp;amp;quot;;//这里的斜杠表示项目根目录 //创建...
图片上传与增删改查操作
qq_44550513的博客
06-08 1943
最近写东西设计到把图片上传到服务器端保存，并且要可以对图片进行删除操作，在网上查找了好久，发现很多都不是博客形式的，都是要胡斐下载demo的，五个人觉得这也不是什么十分复杂的功能，于是就话费三天研究写了这个小demo，并且分享出来供大家参考。 本demo没有使用任何的框架结构，主要使用servlet+c3p0+maven的形式实现 首先把项目结构粘出来 其次是使用到的jar包，也就是maven 管理的jar <project xmlns="http://maven.apache.org/PO
利用SmartUpload文件上传，创建目录，删除文件等操作范例
hwctl的专栏
06-08 3301
新建不存在的上传目录      String Mkdir(String path) {       String msg=null;       java.io.File dir; // 新建文件对象       dir =new java.io.File(path);       if (dir == null) {          msg = "错误原因:对不起，不能创建空目录！
JavaScript/Jsp 实现对数据库的增删改查和简单的下载上传文件
孺子-小哥
10-21 6813
完成目标：在页面显示数据库的信息，并且完成对数据库的增删改查。在页面实现图片或文本的下载。 1.增删改查操作 User实体类代码： package com.jredu.web.entity; public class User { private int id; private String userName; private String pwd; private String
jspsmartupload文件上传
最新发布
03-16
JSPSmartUpload是一个用于在JSP页面中实现文件上传的Java类库。它可以帮助开发者轻松地实现文件上传功能，支持多种文件类型和大小限制，并提供了丰富的API接口，方便开发者进行自定义配置和扩展。使用JSPSmartUpload...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值