jsp form 表单上传

关注

原创最新推荐文章于 2026-06-28 11:56:10 发布 779 阅读 AI 写同款· GEO 优化 ›

【JSP实现图片上传并保存到数据库】 JSP实现图片上传并保存到数据库开发工具与关键技术：Eclipse java 作者：木林森撰写时间：2020年9 月 28 日今天分享一个jsp页面图片上传的案例。首先准备文件上传的依赖包：commons-fileupload-1.3.2.jar包和commons-io-2.5.jar包，然后将包放在/项目名称/WebContent/WEB-INF/lib文件夹中。接着在jsp页面添加form表单，表单用post提交，注意enctype属性值还要设置为enctype=“multipart/fo 阅读详情

js:代码

function saveStory()
	 {
		 var opt = {
				 	url:'web/member!addStory',
				 	data:{
				 		'img':$("#pic").val()
				 	},
					success : function(text) {
						$('#addStorys').form('clear');
					},
					error : function(text) {
						alert(text);
					}
				};
		 var form = document.getElementById('addStorys');
		 if(form.pic.value == "")
		{
			 alert("图片不能为空");
		}	 
		 else if(form.storytellInfor.value== "")
		{
			 alert("内容不能为空");
		}
		 else
		 {
			 $("#addStorys").ajaxSubmit(opt);
		 }
			
	 }
	 function callback(uploadMessage, success) {
		  	//添加
			if(uploadMessage == '1'){
				alert('添加成功');
				$('#addStorys').form('clear');
				$("#addStory").css("display","none");
			}
			else
			{
				alert('添加失败');
				$('#addStorys').form('clear');
				$("#addStory").css("display","none");
			}
	}

java：代码

<pre name="code" class="java">	public void addStory(){
		try {
			img = img.substring(img.lastIndexOf("."), img.length());
			filename = "web/"+memberId+"/story" + "/"
					+ TimeUtil.getPayTime() + img;
			bean.upLoadBuiness(filename, pic);
			imgStorytell.setStorytellName(filename);
			imgStorytell.setStorytellInfor(imgStorytell.getStorytellInfor());
			imgStorytell.setAddTime(TimeUtil.getStatetime());
			imgStorytell.setAuditTime("");
			imgStorytell.setAuditType(0);
			members = memberService.getMember("from Members where memberId="+memberId);
			imgStorytell.setMembers(members);
			memberService.saveStory(imgStorytell);
			state = 1;
		} catch (Exception e) {
			// TODO: handle exception
			state = 0;
		}
		return "addStorySuccess";
	}

注：<script type="text/javascript" src="web/js/jquery-1.8.3.js"></script><script type="text/javascript" src="web/js/jquery.form.js"></script> 页面引入js文件

回调函数的jsp页面 addStorySuccess.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<script>parent.callback('<s:property value="state" />',false)</script>

收录于