springMVC图片上传的处理方式详解_网络技术_宿州市腾雀网络科技有限公司

springMVC图片上传的处理方式详解

发布时间 - 2026-01-11 02:57:56 点击率：次

本文实例为大家分享了springMVC图片上传的处理方式，供大家参考，具体内容如下

首先需要依赖的jar包：

<dependency>
　　<groupId>commons-io</groupId>
　　<artifactId>commons-io</artifactId>
　　<version>1.3.2</version>
</dependency>
<dependency>
　　<groupId>commons-fileupload</groupId>
　　<artifactId>commons-fileupload</artifactId>
　　<version>1.2.1</version>
</dependency>

页面：

<a href="javascript:;" rel="external nofollow" class="a-upload">
　　<input class="" type="file" name="file" id="file" required="required">上传
</a>

大家如果觉得默认的上传文件的按钮不好看，可以引入下面的css样式：

.a-upload {
 padding: 4px 10px;
 height: 27px;
 line-height: 27px;
 position: relative;
 cursor: pointer;
 color: #888;
 background: #fafafa;
 border: 1px solid #ddd;
 border-radius: 4px;
 overflow: hidden;
}
.a-upload input {
 position: absolute;
 width: 100%;
 right: 0;
 top: 0;
 opacity: 0;
 filter: alpha(opacity=0);
 cursor: pointer
}
.a-upload:hover {
 color: #444;
 background: #eee;
 border-color: #ccc;
 text-decoration: none
}

前端脚本：

$('#file').on('change', function () {
 var $this = $(this);
 var formData = new FormData();
 formData.append('file', $('#file')[0].files[0]);
 var fileName = $('#file')[0].files[0].name;
 var fileType = fileName.substring(fileName.lastIndexOf('.') + 1);
 var fileSize = $('#file')[0].files[0].size;
 if (fileType != 'jpg' && fileType != 'png' && fileType != 'gif') {
  alert("请上传.jpg、.png、.gif格式的图片！");
  return;
 }
 if (fileSize > 300 * 1024) {
  alert("请上传大小小于300KB的图片！");
  return;
 }
 $.ajax({
  url: '/admin/upload',
  type: 'POST',
  data: formData,
  cache: false,
  processData: false,
  contentType: false
 }).done(function (result) {
  if (result != '') {
   $this.closest('div').append('<div class="img-preview"><img src="' + result + '"/></div>');
  } else {
   alert("请上传.jpg、.png、.gif格式的图片！");
  }
 }).fail(function () {
  alert("图片上传失败！");
 });
});

后端接收：

 @RequestMapping(value = "admin/upload", method = RequestMethod.POST)
 @ResponseBody
 public String uploadFile(@RequestParam("file") MultipartFile file) {
  try {
   String filename = file.getOriginalFilename();
   if (filename.endsWith("jpg") || filename.endsWith("png") || filename.endsWith("gif")) {
    String prefix = filename.substring(filename.lastIndexOf("."));
    String imgName = UUID.randomUUID().toString() + prefix;
    String imgUri = writeToFileSystem(imgName, file.getBytes());
    return imgUri;
   }
  } catch (Exception e) {
   LOG.error("uploadFile failed:", e);
  }
  return null;
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# springMVC # 图片上传 # SpringMVC图片文件跨服务器上传 # WebUploader客户端批量上传图片后台使用springMVC # webuploader+springmvc实现图片上传功能 # springMVC使用ajaxFailUpload上传图片的方法 # SpringMVC多个文件上传及上传后立即显示图片功能 # SpringMVC框架实现上传图片的示例代码 # SpringMVC中MultipartFile上传获取图片的宽度和高度详解 # bootstrap fileinput组件整合Springmvc上传图片到本地磁盘 # SpringMvc MultipartFile实现图片文件上传示例 # SpringMVC框架实现图片上传与下载 # 上传 # 大家分享 # 具体内容 # 大家多多 # 上传文件 # 后端 # cursor # relative # position # background # pointer # color # padding # px # fafafa # css # line # height # top

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：css多个类同时生效怎么写_使用css复合类选择器

下一篇：如何设置CentOS系统以禁用不必要的系统服务和进程

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：css多个类同时生效怎么写_使用css复合类选择器

下一篇：如何设置CentOS系统以禁用不必要的系统服务和进程