<?xml version="1.0" encoding="UTF-8" ?>
<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>上传照片</title>
<base href="/" target="_self" />
<jsp:directive.include file="/views/common/common_import.jsp" />
<script type="text/javascript">
$(document).ready(function() {
$("input[type='file']").change(function(evt) {
var files = evt.target.files;
for ( var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) {
continue;
}
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
$("#list img").attr("src", e.target.result); //预览图片的位置
};
})(f);
reader.readAsDataURL(f);
}
});
//提交表单
$("#uploadForm").ajaxForm(function() {
window.close();
});
});
</script>
</head>
<body>
<table style="width: 100%;">
<tr>
<td align="center"><br />
<div class="ModelTitleCss">上传照片</div></td>
</tr>
</table>
<br />
<form id="uploadForm" enctype="multipart/form-data" action="<%=request.getContextPath()%>/pilot/upPhoto.jspx" method="post">
<span style="padding-left: 15px; color: blue;">请从电脑上选择一张照片</span> <input type="hidden" id="pilotId" name="pilotId" /> <input type="file" id="photo" name="photo" />
<p></p>
<div id="list" align="center">
<img width="125" height="150" />
</div>
<p></p>
<div align="center">
<input type="submit" id="btm" value="上 传" class="ButCss" />
</div>
</form>
</body>
</html>
SpringMVC配置
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="maxUploadSize" value="100000" />
</bean>
Actoin
@ResponseBody
@RequestMapping("/upPhoto")
public void upPhoto(MultipartHttpServletRequest request, String pilotId) throws IOException {
// 获得第1张图片（根据前台的name名称得到上传的文件）
MultipartFile file = request.getFile("photo");
// 获得文件名：
String filename = file.getOriginalFilename();
String imgtype = filename.substring(filename.lastIndexOf("."));
// 获取路径
String ctxPath = EnvironmentVariables.getValue(Constants.PHOTOS_PATH);
// 创建文件
File dirPath = new File(ctxPath);
if (!dirPath.exists()) {
dirPath.mkdir();
}
String pathname = ctxPath + pilotId + imgtype;// 存放路径
File uploadFile = new File(pathname);
FileCopyUtils.copy(file.getBytes(), uploadFile);
);
}
相关推荐
在这个"springMVC图片上传示例"项目中，我们将深入探讨如何在SpringMVC环境中实现图片附件的上传功能，包括多图上传、图片预览及文本域传值。 一、SpringMVC概述 SpringMVC是Spring框架的一部分，它遵循模型-视图-...
在这个项目"java-springmvc图片上传"中，我们关注的核心是Spring MVC如何处理图片的上传功能。下面将详细解释这个过程涉及的关键知识点。 1. **Spring MVC基础**： - **DispatcherServlet**：Spring MVC的入口点，...
在SpringMVC中实现文件上传是一项常见的任务，它允许用户通过表单将本地文件发送到服务器进行存储或处理。这个"SpringMVC文件上传Demo代码"是一个实例，演示了如何配置和使用SpringMVC来实现这一功能。 首先，我们...
在Spring MVC框架中，文件上传是一项常见的功能，用于接收客户端发送的文件数据。Vue.js作为一个前端框架，可以很好地与Spring MVC结合，实现用户界面的交互和文件上传的处理。在这个项目中，我们将深入探讨如何使用...
以上就是使用Spring MVC实现本地图片上传、存储到数据库并实时显示的关键步骤和知识点。这涉及到前端交互、后端处理、文件操作、数据库存储和视图渲染等多个层面，每个环节都需要细心处理以确保功能的正常运行和系统...
在本文中，我们将深入探讨如何使用Spring MVC框架创建一个图片上传功能，并且集成进度条来实时展示上传进度。Spring MVC是Spring框架的一部分，它提供了一种模型-视图-控制器（MVC）架构，用于构建Web应用程序。在这...
在本文中，我们将深入探讨如何基于Springmvc实现图片上传及生成缩略图的功能。Springmvc是Spring框架的一个重要模块，用于构建MVC模式的Web应用，它提供了强大的数据绑定、模型映射、视图渲染等功能，是Java开发中的...
SpringMVC图片上传处理方式详解 SpringMVC图片上传处理方式详解是一种常见的Web开发技术，旨在帮助开发者快速实现图片上传功能。本文将详细介绍SpringMVC图片上传处理方式的实现步骤和相关技术要点。 依赖的jar包 ...
以上就是使用Spring、SpringMVC和MyBatis实现图片上传和回显的基本流程。需要注意的是，实际项目中还需要考虑文件名冲突、文件大小限制、异常处理、安全性（如防止XSS攻击）等问题。同时，对于大型项目，可能需要...
在本文中，我们将深入探讨如何使用Spring MVC框架实现多图片上传功能，并结合描述中的关键点进行详细解析。Spring MVC是Spring框架的一部分，专门用于构建Web应用程序，提供了模型-视图-控制器（MVC）架构模式的支持...
总的来说，SpringMVC结合Ajax提供了一种强大的方式来实现异步图片上传功能，它可以大大提高Web应用的交互性和用户体验。在压缩包`spring_ajax_photo`中，可能包含了实现这一功能的完整源代码，包括前端HTML、CSS、...
在这个项目中，我们主要关注的是如何在SSM框架下实现图片上传并将其信息存储到数据库，以及如何将已存储的图片信息回显出来。 首先，`Spring`作为核心容器，负责管理应用中的所有Bean，提供依赖注入（Dependency ...
单图片上传到本地，编辑框回显， 多图片上传 回显。springmvc整合完成项目 详情 https://blog.csdn.net/m0_37946870/article/details/79913803
本知识点将详细解释Spring MVC中图片上传以及JSON数据转换的过程，包括相关的配置、前端表单设计和后端控制器实现。 首先，图片上传功能的实现需要在项目中引入commons-fileupload依赖，以便处理文件上传。在Spring...
本项目"springmvc文件上传练习项目"旨在提供一个实践平台，帮助开发者掌握如何使用Spring MVC处理Multipart类型的请求，实现文件和图片的上传。下面我们将深入探讨相关知识点。 1. **MultipartHttpServletRequest...
总结来说，实现"springMVC测试上传文件并在页面上显示"的功能，需要处理前端的文件选择与提交，后端的文件接收、存储和解析，以及前端的数据展示。涉及的技术包括HTML5表单、Spring MVC的`@RequestParam`、`...
总结起来，"bootstrap+springMvc+spring实现图片上传下载"的项目结合了前端的Bootstrap框架提供美观的用户界面，Spring MVC处理HTTP请求和业务逻辑，而Spring框架则作为整体应用的基石，提供数据管理和服务支持。...
java 基于springMVC多图片上传，MySQL源码 @Controller @RequestMapping("/upload") public class UploadFileController { @Autowired private UploadFileService uploadFileService; @RequestMapping("/...
在本教程中，我们将深入探讨如何使用SpringMVC框架与阿里云对象存储服务（OSS）集成，实现在JavaWeb应用中上传图片文件。阿里云OSS是一种安全、可靠的云存储服务，适合存储大量数据，如图片、视频、文档等。而...