1简介

1.1分布式文件服务器 FastDFS

FastDFS 是用 c 语言编写的一款开源的分布式文件系统。FastDFS 为互联网量身定制, 充分考虑了冗余备份、负载均衡、线性扩容等机制,并注重高可用、高性能等指标,使用 FastDFS 很容易搭建一套高性能的文件服务器集群提供文件上传、下载等服务
FastDFS 架构包括 Tracker server 和 Storage server。客户端请求 Tracker server 进行文 件上传、下载,通过 Tracker server 调度最终由 Storage server 完成文件上传和下载。
Tracker server 作用是负载均衡和调度,通过 Tracker server 在文件上传时可以根据一些 策略找到 Storage server 提供文件上传服务。可以将 tracker 称为追踪服务器或调度服务 器。
Storage server 作用是文件存储,客户端上传的文件最终存储在 Storage 服务器上, Storageserver 没有实现自己的文件系统而是利用操作系统 的文件系统来管理文件。可以将 storage 称为存储服务器

image.png

服务端两个角色:
Tracker:管理集群,tracker 也可以实现集群。每个 tracker 节点地位平等。收集 Storage 集群的状态。
Storage:实际保存文件 Storage 分为多个组,每个组之间保存的文件是不同的。每 个组内部可以有多个成员,组成员内部保存的内容是一样的,组成员的地位是一致的,没有 主从的概念。

1.2上传下载流程

上传流程

image.png

客户端上传文件后存储服务器将文件 ID 返回给客户端,此文件 ID 用于以后访问该文 件的索引信息。文件索引信息包括:
组名,虚拟磁盘路径,数据两级目录,文件名
image.png

组名:文件上传后所在的 storage 组名称,在文件上传成功后有 storage 服务器返回, 需要客户端自行保存
虚拟磁盘路径:storage 配置的虚拟路径,与磁盘选项 store_path*对应。如果配置了 store_path0 则是 M00,如果配置了 store_path1 则是 M01,以此类推。
数据两级目录:storage 服务器在每个虚拟磁盘路径下创建的两级目录,用于存储数据 文件
文件名:与文件上传时不同。是由存储服务器根据特定信息生成,文件名包含:源存储 服务器 IP 地址、文件创建时间戳、文件大小、随机数和文件拓展名等信息

下载流程

image.png

2.FastDFS 安装

分布式存储 CentOS6.5虚拟机环境搭建FastDFS-5.0.5集群.pdf

3.入门

3.1.创建maven工程

(1)下载FastDFS 需要的jar包

fastdfs_client_v1.20.jar.zip
将 jar 包放到 d 盘 setup 目录中,执行下边代码安装到仓库

  1. mvn install:install-file -DgroupId=org.csource.fastdfs -DartifactId=fastdfs -Dversion=1.2 -Dpackaging=jar -Dfile=d:\setup\fastdfs_client_v1.20.jar

pom.cml文件中引入约束

  1. <dependency>
  2. <groupId>org.csource.fastdfs</groupId>
  3. <artifactId>fastdfs</artifactId>
  4. <version>1.2</version>
  5. </dependency>

(2) fdfs_client.conf 配置文件

定义服务器的ip地址和端口

  1. # connect timeout in seconds
  2. # default value is 30s
  3. connect_timeout=30
  4. # network timeout in seconds
  5. # default value is 30s
  6. network_timeout=60
  7. # the base path to store log files
  8. base_path=/home/fastdfs
  9. # tracker_server can ocur more than once, and tracker_server format is
  10. # "host:port", host can be hostname or ip address
  11. tracker_server=192.168.25.133:22122
  12. #standard log level as syslog, case insensitive, value list:
  13. ### emerg for emergency
  14. ### alert
  15. ### crit for critical
  16. ### error
  17. ### warn for warning
  18. ### notice
  19. ### info
  20. ### debug
  21. log_level=info
  22. # if use connection pool
  23. # default value is false
  24. # since V4.05
  25. use_connection_pool = false
  26. # connections whose the idle time exceeds this time will be closed
  27. # unit: second
  28. # default value is 3600
  29. # since V4.05
  30. connection_pool_max_idle_time = 3600
  31. # if load FastDFS parameters from tracker server
  32. # since V4.05
  33. # default value is false
  34. load_fdfs_parameters_from_tracker=false
  35. # if use storage ID instead of IP address
  36. # same as tracker.conf
  37. # valid only when load_fdfs_parameters_from_tracker is false
  38. # default value is false
  39. # since V4.05
  40. use_storage_id = false
  41. # specify storage ids filename, can use relative or absolute path
  42. # same as tracker.conf
  43. # valid only when load_fdfs_parameters_from_tracker is false
  44. # since V4.05
  45. storage_ids_filename = storage_ids.conf
  46. #HTTP settings
  47. http.tracker_server_port=80
  48. #use "#include" directive to include HTTP other settiongs
  49. ##include http.conf

(3)创建 java 类,main 方法代码如下

  1. // 1、加载配置文件,配置文件中的内容就是 tracker 服务的地址。
  2. ClientGlobal.init("D:/maven_work/fastDFS-demo/src/fdfs_client.conf");
  3. // 2、创建一个 TrackerClient 对象。直接 new 一个。
  4. TrackerClient trackerClient = new TrackerClient();
  5. // 3、使用 TrackerClient 对象创建连接,获得一个 TrackerServer 对象。
  6. TrackerServer trackerServer = trackerClient.getConnection();
  7. // 4、创建一个 StorageServer 的引用,值为 null
  8. StorageServer storageServer = null;
  9. // 5、创建一个 StorageClient 对象,需要两个参数 TrackerServer 对象、StorageServer 的引用
  10. StorageClient storageClient = new StorageClient(trackerServer, storageServer);
  11. // 6、使用 StorageClient 对象上传图片。
  12. //扩展名不带“.”
  13. String[] strings = storageClient.upload_file("D:/pic/benchi.jpg", "jpg",
  14. null);
  15. // 7、返回数组。包含组名和图片的路径。
  16. for (String string : strings) {
  17. System.out.println(string);
  18. }
  19. // 输出结果
  20. //group1 -->组名
  21. //M00/00/00/wKgZhVkMP4KAZEy-AAA-tCf93Fo973.jpg -->图片地址和名称

访问上传的文件
ip+端口+组名+文件名

  1. http://192.168.25.133/group1/M00/00/00/wKgZhVkMP4KAZEy-AAA-tCf93Fo973.jpg

4.将上传服务集成到项目中

4.1引入文件传依赖坐标

  1. <!-- 文件上传组件 -->
  2. <dependency>
  3. <groupId>org.csource.fastdfs</groupId>
  4. <artifactId>fastdfs</artifactId>
  5. </dependency>
  6. <dependency>
  7. <groupId>commons-fileupload</groupId>
  8. <artifactId>commons-fileupload</artifactId>
  9. </dependency>

4.2创建工具类

  1. import org.csource.common.NameValuePair;
  2. import org.csource.fastdfs.ClientGlobal;
  3. import org.csource.fastdfs.StorageClient1;
  4. import org.csource.fastdfs.StorageServer;
  5. import org.csource.fastdfs.TrackerClient;
  6. import org.csource.fastdfs.TrackerServer;
  7. public class FastDFSClient {
  8. private TrackerClient trackerClient = null;
  9. private TrackerServer trackerServer = null;
  10. private StorageServer storageServer = null;
  11. private StorageClient1 storageClient = null;
  12. public FastDFSClient(String conf) throws Exception {
  13. if (conf.contains("classpath:")) {
  14. conf = conf.replace("classpath:", this.getClass().getResource("/").getPath());
  15. }
  16. ClientGlobal.init(conf);
  17. trackerClient = new TrackerClient();
  18. trackerServer = trackerClient.getConnection();
  19. storageServer = null;
  20. storageClient = new StorageClient1(trackerServer, storageServer);
  21. }
  22. /**
  23. * 上传文件方法
  24. * <p>Title: uploadFile</p>
  25. * <p>Description: </p>
  26. * @param fileName 文件全路径
  27. * @param extName 文件扩展名,不包含(.)
  28. * @param metas 文件扩展信息
  29. * @return
  30. * @throws Exception
  31. */
  32. public String uploadFile(String fileName, String extName, NameValuePair[] metas) throws Exception {
  33. String result = storageClient.upload_file1(fileName, extName, metas);
  34. return result;
  35. }
  36. public String uploadFile(String fileName) throws Exception {
  37. return uploadFile(fileName, null, null);
  38. }
  39. public String uploadFile(String fileName, String extName) throws Exception {
  40. return uploadFile(fileName, extName, null);
  41. }
  42. /**
  43. * 上传文件方法
  44. * <p>Title: uploadFile</p>
  45. * <p>Description: </p>
  46. * @param fileContent 文件的内容,字节数组
  47. * @param extName 文件扩展名
  48. * @param metas 文件扩展信息
  49. * @return
  50. * @throws Exception
  51. */
  52. public String uploadFile(byte[] fileContent, String extName, NameValuePair[] metas) throws Exception {
  53. String result = storageClient.upload_file1(fileContent, extName, metas);
  54. return result;
  55. }
  56. public String uploadFile(byte[] fileContent) throws Exception {
  57. return uploadFile(fileContent, null, null);
  58. }
  59. public String uploadFile(byte[] fileContent, String extName) throws Exception {
  60. return uploadFile(fileContent, extName, null);
  61. }
  62. }

4.3 fdfs_client.conf 配置文件

在resources文件下创建fdfs_client.conf 配置文件
fdfs_client.zip
在config文件下的application.properties文件下配置ip地址

  1. FILE_SERVER_URL=http://192.168.25.133/

image.png

  1. ![image.png](https://cdn.nlark.com/yuque/0/2019/png/383291/1562648864905-a306c03c-a57a-45a8-bfe7-ed822ed293f1.png#align=left&display=inline&height=142&name=image.png&originHeight=156&originWidth=335&size=9838&status=done&width=304.54544794460975)

4.4配置媒体解析器

程 springmvc.xml 添加配置

  1. <!-- 配置多媒体解析器 -->
  2. <bean id="multipartResolver"
  3. class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
  4. <property name="defaultEncoding" value="UTF-8"></property>
  5. <!-- 设定文件上传的最大值 5MB,5*1024*1024 -->
  6. <property name="maxUploadSize" value="5242880"></property>
  7. </bean>

4.5控制层

创建UploadController.java
该类直接返回一个可以访问上传文件的url地址

  1. import com.moonhu.utils.FastDFSClient;
  2. import entity.Result;
  3. import org.springframework.beans.factory.annotation.Value;
  4. import org.springframework.web.bind.annotation.RequestMapping;
  5. import org.springframework.web.bind.annotation.RestController;
  6. import org.springframework.web.multipart.MultipartFile;
  7. /**
  8. * 图片上传的控制器
  9. */
  10. @RestController
  11. public class UploadController {
  12. @Value("${FILE_SERVER_URL}")
  13. private String server_url; // 文件服务器地址
  14. @RequestMapping("/uploadImage.do")
  15. public Result uploadImage(MultipartFile file) {
  16. // 1.取文件的扩展名
  17. String name = file.getOriginalFilename();
  18. String extName = name.substring(name.lastIndexOf(".") + 1);
  19. try {
  20. //2.创建一个 FastDFS 的客户端
  21. FastDFSClient fastDFSClient = new FastDFSClient("classpath:fdfs_client.conf");
  22. //3、执行上传处理
  23. String path = fastDFSClient.uploadFile(file.getBytes(), extName);
  24. //4、拼接返回的 url 和 ip 地址,拼装成完整的 url
  25. return new Result(true, server_url + path);
  26. } catch (Exception e) {
  27. e.printStackTrace();
  28. return new Result(false,"图片上传失败"+e);
  29. }
  30. }
  31. }

4.6前端代码

注意文件上传不能使用post或者get请求,只能使用通用请求,指定post格式(angularjs)
anjularjs 对于 post 和 get 请求默认的 Content-Type header 是 application/json。通过设置 ‘Content-Type’: undefined,这样浏览器会帮我们把 Content-Type 设置为 multipart/form-data.
通过设置 transformRequest: angular.identity ,anjularjs transformRequest function 将序列化 我们的 formdata object.
formData.append(“file”, file.files[0]); 此处的file是只input框中id为file的
formData.append(“file”, file.files[0]);指多个file中的第一个(multiple指定多选)
formData.append(“file”, file.files[0]);后台需要用file接收此文件

  1. // 文件上传
  2. this.uploadImage = function () {
  3. // 创建文件对象
  4. var formData = new FormData();
  5. // 将需要上传的文件添加到容器中
  6. formData.append("file", file.files[0]);
  7. // 上传文件
  8. return $http({
  9. //请求方式
  10. method: "post",
  11. // 请求地址
  12. url: "../uploadImage.do",
  13. // 上传数据
  14. data: formData,
  15. // 只当数据格式
  16. headers: {'Content-Type': undefined},
  17. // 对数据进行二进制编码
  18. transformRequest: angular.identity
  19. });
  20. };

image.png
image.png

使用tomcat访问服务器同样可以实现对服务器文件的访问

image.png