springMVC图片上传的处理方式详解
时间:2021-04-30 10:10:03|栏目:JAVA代码|点击: 次
本文实例为大家分享了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;
}
栏 目:JAVA代码
下一篇:java实现快速排序算法
本文标题:springMVC图片上传的处理方式详解
本文地址:http://www.codeinn.net/misctech/111548.html


阅读排行
- 1Java Swing组件BoxLayout布局用法示例
- 2java中-jar 与nohup的对比
- 3Java邮件发送程序(可以同时发给多个地址、可以带附件)
- 4Caused by: java.lang.ClassNotFoundException: org.objectweb.asm.Type异常
- 5Java中自定义异常详解及实例代码
- 6深入理解Java中的克隆
- 7java读取excel文件的两种方法
- 8解析SpringSecurity+JWT认证流程实现
- 9spring boot里增加表单验证hibernate-validator并在freemarker模板里显示错误信息(推荐)
- 10深入解析java虚拟机




