美文网首页
JSP上传图片/文件到后台

JSP上传图片/文件到后台

作者: 夜幕繁华 | 来源:发表于2017-03-20 01:46 被阅读0次

最近在学习web写了一个小型的购物网站,在添加商品的时候想实现这功能,原本以为分分钟的事,也是花了我不少时间,于是就打算把他写下来,有空时看看。
闲话不多,下面开始

首先是前端页面,由于JSP有相关的标签,所以不需要费太多力气,代码如下:
<form action="servlet/addproduct.do" method="POST" enctype="multipart/form-data">
<label>图片</label><input type="file" name="image"/><br />
<input type="submit"> <input type="reset">

然后是后台的代码:
// 为解析类提供配置
DiskFileItemFactory factory = new DiskFileItemFactory();
// 创建解析类的实例
ServletFileUpload uplod= new ServletFileUpload(factory);
// 设置上传单个文件的大小的最大值
uplod.setFileSizeMax(500 * 500);
// 每个表单域中数据会封装到一个对应的FileTem对象
try {
List<FileItem> items = uplod.parseRequest(request);
// 区分表单域
for (int i = 0; i < items.size(); i++) {
FileItem item = items.get(i);
// isFormField为true,表示不是文件上传表单域
if (!item.isFormField()) {
ServletContext sctx = getServletContext();
// 获取文件的存取物理路径
String path = sctx.getRealPath(“image”);
System.out.println(path);
// 获取文件名
String fileName = item.getName();
System.out.println(fileName);
// 该方法在某些系统会放回路径加文件名
fileName = fileName.substring(fileName.lastIndexOf("\") + 1);
File file = new File(path + "\" + fileName);
// 上传文件
if (!file.exists()) {
item.write(file);
}
//删除处理文件上传时生成的临时文件
item.delete();
}

这里有一些类我解释一下,仅当了解:
DiskFileItemFactory: 将请求消息实体中的每一个项目封装成单独的DiskFileItem (FileItem接口的实现) 对象的任务。他有一属性用于设置文件存储内存和磁盘的临界值,还有一属性设置当文件大于要求时,存放该文件的临时目录等。

ServletFileUpload:传文件主要类。

以上的就是运行代码,这里说下,我碰到的一些问题。
1.使用DiskFileItemFactory类是需要另外导jar包,默认的他会自动导org.apache.tomcat.util.http.fileupload下面的类,但是我们需要的是org.apache.commons.fileupload。如果你导入的是默认的包,那么“List<FileItem> items = uplod.parseRequest(request);”这个方法会报错,然后要求你进行类型强转,虽然编译时是没有问题,但是一运行就会报错。

2.在前端,如果你没有写 “enctype="multipart/form-data"“,那么,运行时会报错。enctype="multipart/form-data是设置表单的MIME编码,他有下面几个取值:
1)application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式。默认情况,这个编码格式是application/x-www-form-urlencoded,不能用于文件上传
2)multipart/form-data: 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分,上传附件用到。只有使用了multipart/form- data,才能完整的传递文件数据。
3)text/plain: 窗体数据以纯[文本形式进行编码,其中不含任何控件或格式字符。
注意了,使用第一种方式设置编码时,后台是可以使用request.getParameter方法来获取前端的数据的,但是第二种编码就不行了。当第二中编码时,可以使用item.getFieldName();item.getString();方法分别获取各个表单域的名字和对应的值。
3.写代码的时候,文件的路径需要清楚,不然代码是正常运行,但是文件会不知道在哪里。如若是上传文件,可以upload.setHeaderEncoding("UTF-8");来设置编码,以防乱码

好了,文件上传就是这样。

相关文章

  • JSP上传图片/文件到后台

    最近在学习web写了一个小型的购物网站,在添加商品的时候想实现这功能,原本以为分分钟的事,也是花了我不少时间,于是...

  • 文件上传及更新的代码复用

    文件上传及更新的代码复用 JSP页面 **注: JAVA后台代码 if (upLoad != null) {Str...

  • FormData提交文件、图片,文本复制

    1.利用FormData提交文件、图片 案例:上传图片、文件(不依赖后台接口)解决方法:(核心代码)1、文件上传 ...

  • spring-mvc-7文件上传

    一.加载jar包 二.index.jsp 三.后台控制器对应的目标方法 四.访问 index.jsp 选择文件上传...

  • 使用JSP+Servlet实现文件上传

    之前自己用jsp跟Servlet写了一个线上点餐系统,后台管理页面中需要上传菜品照片,了解到文件上传这个知识点,这...

  • vue axios 保存前端文件流图片/文件

    处理文件、图片的上传与下载,再获取到File的文件流传递到后台时是object File格式,后台需要格式为bin...

  • 小程序上传图片跳坑

    背景:小程序上传图片,调用后台接口,后台接口获得文件后将该文件上传到oss上,最后返回给小程序前端oss图片路径。...

  • 客户端上传文件失败

    背景 小程序上传图片,调用后台接口,后台接口获得文件后将该文件上传到oss上,最后返回给小程序前端oss图片路径。...

  • SpringBoot实现文件上传跟删除文件

    介绍 文件上传是后台必不可少的技能,提供给前台图片上传最为常见今天我们来学习一下图片上传 开始代码 图片上传比较简...

  • 封装直传阿里云存储文件上传控件

    本文目标 封装一个直传阿里云OSS云存储图片上传控件 控件效果图 上传之前 上传成功 预览图片 文件上传前后台及阿...

网友评论

      本文标题:JSP上传图片/文件到后台

      本文链接:https://www.haomeiwen.com/subject/uxqbnttx.html