前言:
  Web开发中图片上传的功能很常见, 本篇博客来讲述下springmvc如何实现图片上传的功能. 主要讲述依赖包引入, 配置项, 本地存储和云存储方案(阿里云的OSS服务).

铺垫:
  文件上传是很基础的东西, 没有高深的理论背景. 因此这边不再具体阐述和"科普", ^_^.
  对于javaer而言, 实现文件上传功能需要用到commons-fileupload和commons-io组件.
  Ok, Let's Go!

页面编写:
  文件上传的form表单非常的简单:

<form action="/test/upload_file" method="post" enctype="multipart/form-data">
  文件名: <input type="file" name="upfile"/> <br/>
  <input type="submit" value="提交" />
</form>

  唯一需要注意的是, 表单enctype为multipart/form-data, 而不是默认的application/x-www-form-urlencoded.

springmvc配置:
  需要引入依赖的commons-fileupload和commons-io组件.
  则在maven工程的pom.xml中, 添加入如下依赖项:

<!-- 上传文件的支持 -->
<dependency>
  <groupId>commons-fileupload</groupId>
  <artifactId>commons-fileupload</artifactId>
  <version>1.3.1</version>
</dependency> <dependency>
  <groupId>commons-io</groupId>
  <artifactId>commons-io</artifactId>
  <version>2.4</version>
</dependency>

  编写相应的Controller类进行文件上传的处理:

@Controller
@RequestMapping(value = "/test")
public class TestFileUploadController {   @RequestMapping(value="/upload_file", method=RequestMethod.POST)
  public ModelAndView uploadFile(@RequestParam("upfile") MultipartFile upfile) {
    ModelAndView mav = new ModelAndView();
    // TODO
    // save upfile
    return mav;
  } }

  好想非常的简单, 然而当满怀信心去尝试运行的时候, 结果却如下的错误信息.

Expected MultipartHttpServletRequest: is a MultipartResolver configured?

  正如错误体所所指示的, 需要添加一个MultipartResolver实例于SpringMVC中即可.

<!-- 对上传文件的支持 -->
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  <!-- 上传文件大小为10M -->
  <property name="maxUploadSize" value="10485760" />
</bean>

  再次运行, 基本上就没问题了.

本地保存:
  对于本地存储而言, 关键还是如何获取webapp的根目录.
  方法一: 配置系统属性
  配置web.xml, 通过注册listener设置目录于系统属性中.

<context-param>
  <param-name>webAppRootKey</param-name>
  <param-value>app.yourweb.com</param-value>
</context-param> <!-- 添加对webapp根路径的快速访问支持 -->
<listener>
  <listener-class>org.springframework.web.util.WebAppRootListener</listener-class>
</listener>

  然后通过如下Java代码获取到:

String realPath = System.getProperty("app.yourweb.com");

  方法二: 借助ServletContext来获取webapp根目录

HttpServletRequest request = ...;
request.getSession().getServletContext().getRealPath("/");

  这两种方式都可以, 那种简洁就使用那种.

OSS存储:
  使用云存储服务来保存文件, 是种被推荐的做法, 现在也越来越流行. 淘宝这么多图片, 一个图片文件系统, 轻轻松松的简化开发的工作量.
  参考官方文档: OSS Java API手册
  OSS中, bucket全局唯一, 这个需要注意, OSSClient是线程安全的.
  • OSSClient的实例化和基础配置:

String accessKeyId = "your accessKeyId";
String accessKeySecret = "your accessKeySecret";
String bucketName = "your bucketName";
String endpoint = "your endpoint"; ClientConfiguration conf = new ClientConfiguration();
conf.setMaxConnections(10); // 设置HTTP最大连接数为10
conf.setConnectionTimeout(2000); // 设置TCP连接超时为5000毫秒
conf.setMaxErrorRetry(3); // 设置最大的重试次数为3
conf.setSocketTimeout(5000); // 设置Socket传输数据超时的时间为2000毫秒 // *) 进行OSS客户端的实例化
OSSClient ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret, conf);

  • 上传文件代码(摘自官网):

public void putObject(String bucketName, String key, String filePath) throws FileNotFoundException {

  // 初始化OSSClient
  OSSClient client = ...;   // 获取指定文件的输入流
  File file = new File(filePath);
  InputStream content = new FileInputStream(file);   // 创建上传Object的Metadata
  ObjectMetadata meta = new ObjectMetadata();   // 必须设置ContentLength
  meta.setContentLength(file.length());   // 上传Object.
  PutObjectResult result = client.putObject(bucketName, key, content, meta);   // 打印ETag
  System.out.println(result.getETag());
}

  • 生成Url代码(摘自官网):

String bucketName = "your-bucket-name";
String key = "your-object-key"; // 设置URL过期时间为1小时
Date expiration = new Date(new Date().getTime() + 3600 * 1000); // 生成URL
URL url = client.generatePresignedUrl(bucketName, key, expiration);

  这个是带时效的url.
  当然也可以自己拼接生成如下url:

String endpoint = ...;
String bucketName = ...;
String key = ...; String url = endpoint + "/" + bucketName + "/" + key;

  下面这种, 更简单直接一点.
  OSS的操作看似非常简单, 但真正自己去实践的时候, 难免遇到一些坑.
  比如如下错误:

The bucket you are attempting to access must be addressed using the specified endpoint.
Please send all future requests to this endpoint.

  这个问题的本质是, 阿里云的云存储是有机房概念的, 每个bucket在构建时会属于某一个机房.
  endpoint默认为杭州, 若你的bucket属于其他区域, 而endpoint又没有设置一致, 就会报如上错误.
  比如笔者的bucket属于上海, 则默认把endpoint设为http://oss-cn-shanghai.aliyuncs.com, 既OK.
  具体可参见: OSS使用SDK访问bucket提示endpoint错误
  • 图片上传
  对于图片上传, 除了在ObjectMetaData中设置文件大小以外, 还需要配置ContentType, 这个尤显得重要.
  对于MIME类型, 这边也贴个链接: MIME类型大全.

总结:
  文件本地存储, 并非什么难事, 主要还是体验一下OSS. 本文对springmvc文件上传做了简单的介绍, 权当学习笔记.

公众号&游戏站点:
  个人微信公众号: 木目的H5游戏世界

  

  个人游戏作品集站点(尚在建设中...): www.mmxfgame.com,  也可直接ip访问http://120.26.221.54/.

springmvc学习笔记--支持文件上传和阿里云OSS API简介的更多相关文章

  1. SpringMVC:学习笔记(8)——文件上传

    SpringMVC--文件上传 说明: 文件上传的途径 文件上传主要有两种方式: 1.使用Apache Commons FileUpload元件. 2.利用Servlet3.0及其更高版本的内置支持. ...

  2. Windows环境下用C#编程将文件上传至阿里云OSS笔记

    Windows环境下用C#编程将文件上传至阿里云OSS笔记 本系列文章由ex_net(张建波)编写,转载请注明出处. http://blog.csdn.net/ex_net/article/detai ...

  3. Java下载https文件上传到阿里云oss服务器

    Java下载https文件上传到阿里云oss服务器 今天做了一个从Https链接中下载音频并且上传到OSS服务器,记录一下希望大家也少走弯路. 一共两个类: 1 .实现自己的证书信任管理器类 /** ...

  4. SpringMVC学习笔记八:文件上传及多个文件上传

    SpringMVC实现文件上传需要加入jar包,commons-fileupload-1.3.1.jar,commons-io-2.2.jar 项目目录树: pom.xml加入需要的包 <pro ...

  5. django 文件上传(阿里云oss)下载(支持大文件下载)

    1.文件上传 Models 设计 class Upload_File(models.Model): image = models.FileField(upload_to='file/%Y/%m',de ...

  6. ThinkPHP 文件上传到阿里云OSS上(干货)

    参考:http://www.thinkphp.cn/extend/789.html 1.前往阿里云github下载SDK包:https://github.com/aliyun/aliyun-oss-p ...

  7. 备份MySQL数据库并上传到阿里云OSS存储

    1. 环境配置 要将本地文件上传到阿里云oss中, 必须使用阿里云提供的工具 ossutil, 有32位,也有64位的, Linux和Windows都有.具体可以到阿里云官网下载 官网及文档: htt ...

  8. Django:学习笔记(8)——文件上传

    Django:学习笔记(8)——文件上传 文件上传前端处理 本模块使用到的前端Ajax库为Axio,其地址为GitHub官网. 关于文件上传 上传文件就是把客户端的文件发送给服务器端. 在常见情况(不 ...

  9. JavaScript进阶(九)JS实现本地文件上传至阿里云服务器

    JS实现本地文件上传至阿里云服务器 前言 在前面的博客< JavaScript进阶(八)JS实现图片预览并导入服务器功能>(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务 ...

随机推荐

  1. Vsftpd 配置

    步骤 本次是在CentOS 6的版本上操作的. 说明:以下命令均在root用户下执行.   (1)安装vsftpd 没啥好说的一条命令搞定. $yum install vsftpd 中间会提示确认,输 ...

  2. ReactiveCocoa(RAC)

    好处:代码高聚合,方便我们管理: 链式编程: CaculatorMaker.h #import <Foundation/Foundation.h> #define ADD #define ...

  3. CSS布局基础之二认识Viewport

    什么是viewport viewport,等同于浏览器窗口. 功能:约束你网站中最顶级包含块(containing block)元素html标签. 什么是包含块(containing block)?下 ...

  4. javascript this在事件中的应用

    this关键字在javascript中是非常强大的,但是如果你不清楚它是怎么工作的就很难使用它. function dosomething(){ this.style.color="#fff ...

  5. 《BI那点儿事》数据流转换——排序

    排序转换允许对数据流中的数据按照某一列进行排序.这是五个常用的转换之一.连接数据源打开编辑界面,编辑这种任务.不想设置为排序列的字段不要选中,默认情况下所有列都会选中.如图所示,按照TotalSuga ...

  6. RedHat3.4安装GIT

    1.首先到官网上下载git包,地址为http://git-scm.com/download 注意:选择下载Older releases 2.输入命令tar zxvf git-1.7.9.4.tat.g ...

  7. Svn与Git的一些区别(转载)

    把第一条理解到位思想到位了做起来才会有的放矢,其他几条都是用的时候才能体会到 1) 最核心的区别Git是分布式的,而Svn不是分布的.能理解这点,上手会很容易,声明一点Git并不是目前唯一的分布式版本 ...

  8. “LC.exe”已退出,代码为 -1

    造成这个问题的原因一般是引入了第三方插件,自己遇到的问题是引入了devexpress...... 1.找到Properties文件夹licenses.licx文件,然后右键选择删除就可以了,调试运行正 ...

  9. Android开发--Intent的应用

    1.概述 Intent负责对应用中一次操作的动作,动作涉及的数据,附加的数据进行描述,起到媒介的作用.通过Intent对象指定一个activity,利用startActivity或 startActi ...

  10. 解决Centos7安装后无法联网的问题

    1.进入目录/etc/sysconfig/network-scripts/ $ cd /etc/sysconfig/network-scripts/ 2.找到编辑ifcfg-enoxxxx文件,后面的 ...