form表单提交数据的同时上传文件代码示例

form表单提交数据的同时在表单中上传文件代码示例

一.定义页面

注意：在form表单中加入属性 enctype="multipart/form-data" 表示此表单支持文件上传；

我的代码示例最主要是讲如何在表单中获取文件数据，具体文件上传在哪里你们自己定，我这个示例中文件是上传在本地，文件存放的代码不全；

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改商品信息</title></head>
<body> <!-- 上传图片是需要指定属性 enctype="multipart/form-data" --><!-- <form id="itemForm" action="" method="post" enctype="multipart/form-data"> --><form id="itemForm"    action="${pageContext.request.contextPath }/updateitem.action" method="post"enctype="multipart/form-data"><input type="hidden" name="id" value="${item.id }" /> 修改商品信息：<table width="100%" border=1><tr><td>商品名称</td><td><input type="text" name="name" value="${item.name }" /></td></tr><tr><td>商品价格</td><td><input type="text" name="price" value="${item.price }" /></td></tr><tr><td>商品生产日期</td><td><input type="text" name="createtime"value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>" /></td></tr><tr><td>商品图片</td><td><c:if test="${item.pic !=null}"><img src="${item.pic}" width=100 height=100/><br/></c:if><input type="file"  name="pictureFile"/> </td></tr><tr><td>商品简介</td><td><textarea rows="3" cols="30" name="detail">${item.detail }</textarea></td></tr><tr><td colspan="2" align="center"><input type="submit" value="提交" /></td></tr></table></form>
</body></html>

二.后台

@RequestMapping("/updateitem.action")public void updateitem(HttpServletResponse response,Item item,MultipartFile pictureFile) throws IOException{System.out.println(item);//使用UUID给文件取一个物理名称String fileName = UUID.randomUUID().toString();//获取文件的后缀String fname = pictureFile.getOriginalFilename();String ext = fname.substring(fname.lastIndexOf("."));//将图片传入指定的目录    //存储路径  C:\igeek47temp\098234IA1309284ABA09F098.jpgpictureFile.transferTo(new File(PIC_PATH+fileName+ext));//将图片的访问路径存储到item对象中。   /pic/098234IA1309284ABA09F098.jpgitem.setPic("/pic/"+fileName+ext);itemService.updateItem(item);//重定向到商品列表response.sendRedirect("itemList.action");}

三.springMVC配置

 <!-- 文件上传,id必须设置为multipartResolver -->
<bean id="multipartResolver"class="org.springframework.web.multipart.commons.CommonsMultipartResolver"><!-- 设置文件上传大小 --><property name="maxUploadSize" value="5000000" />
</bean>

form表单提交数据的同时上传文件代码示例相关推荐

element form表单提交数据之后清空所有输入框
element form表单提交数据之后清空所有输入框首先el-form标签上的ref属性名和调方法名统一,还有要绑定所有表单数据的一个大对象就是 :model属性,然后prop属性绑定的值要和v- ...
html 提交form表单提交数据格式,form表单提交数据
form表单提交的几种方法 HTML表单提交的几种方式方式一:通过submit按钮提交方式二:通过一般按钮button提交1/3javascript">functionsubmit1( ...
form表单提交数据到后台的方式
form表单提交方式 1.无刷新页面提交表单表单可实现无刷新页面提交,无需页面跳转,如下,通过一个隐藏的iframe实现,form表单的target设置为iframe的name名称, form提交目 ...
Form表单提交数据的乱码问题
面对多种编码方式,一旦处理不好或者稍有不慎,乱码问题就层出不穷,乱码问题是个巨坑啊~~~ 具体有哪些编码方式,自行百度或者见我写的某一篇博文,里面提到过之所以出现乱码是因为用了不同的码表去解码编码,好 ...
form表单提交数据（包括文字和图片）实例
一般来说,form表单提交数据的方式,也就是请求数据到服务器是与传统利用路径api去get或post一个请求到服务器是不一样的,下面就来探讨下关于form表单提交数据至服务器到底是怎么实现的. 话不多 ...
Django(part17)--form表单提交数据
学习笔记,仅供参考,有错必纠 form表单 form表单的主要作用是和服务器进行交互,为服务器端提供数据. name属性 form表单有name属性,name属性类似于客户端与服务器端之间的约定. f ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
form表单提交数据不让跳转办法
form表单提交数据不让跳转办法应用场景: 1.弹出层 2.需要连续提交多条记录的情况 3.页面多个存在提交事件,需要局部提交情况方法一:加个return false,阻止表单跳转 <for ...
JS动态模拟Form表单提交数据
分享知识传递快乐 JS动态模拟Form表单提交数据 <!DOCTYPE html> <html lang="en"> <head><m ...

form表单提交数据的同时上传文件代码示例

form表单提交数据的同时在表单中上传文件代码示例

一.定义页面

form表单提交数据的同时上传文件代码示例相关推荐

最新文章

热门文章