SSM项目上传图片并且回显

最新推荐文章于 2025-06-05 11:42:32 发布

原创

最新推荐文章于 2025-06-05 11:42:32 发布 · 1.5k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍如何在SSM项目中实现图片上传功能，并详细讲解前端配置、MVC配置、Maven依赖、Controller处理及Tomcat图片存储路径的设置步骤，确保上传图片后能够成功回显。

最近写一个上传图片的方法，网上很多都是东少西少的，折腾了一会才做了个大致符合自己要求的。

前端部分

<title>Insert title here</title>
<script type="text/javascript"
	src="https://blog.csdn.net/$%7BpageContext.request.contextPath%7D/lib/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet"
	href="https://blog.csdn.net/$%7BpageContext.request.contextPath%7D/lib/bootstrap.min.css" />
<script src="https://blog.csdn.net/$%7BpageContext.request.contextPath%7D/lib/jquery-3.3.1.min.js"></script>
<script src="https://blog.csdn.net/$%7BpageContext.request.contextPath%7D/lib/bootstrap.min.js"></script>
</head>
<body>
	<form id="uploadForm" enctype="mutipart/form-data">
		文件:<input type="file" name="fileName" id="fileName" />
	</form>
	<button id="upload">上传文件</button>
</body>
</html>

<script type="text/javascript">
$(function() {
	$("#upload").click(
		function() {
			var fileName = $("#fileName").val();
			var formData = new FormData($('#uploadForm')[0]);//序列化表单，将上传类型

标签