分布式文件服务器FastDFS

                                                                                分布式文件服务器 

什么是 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 称为存储服务器。

服务端两个角色: 

Tracker:管理集群,tracker 也可以实现集群。每个 tracker 节点地位平等。收集 Storage 集群的状态。 

Storage:实际保存文件 Storage 分为多个组,每个组之间保存的文件是不同的。每 个组内部可以有多个成员,组成员内部保存的内容是一样的,组成员的地位是一致的,没有 主从的概念。

 

文件上传及下载的流程

 

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

文件下载流程

 

最简单的 FastDFS 架构

FastDFS 入门小 Demo

需求:将本地图片上传至图片服务器,再控制台打印 url 

  1. 创建 Maven 工程 fastDFSdemo 由于 FastDFS 客户端 jar 包并没有在中央仓库中,所以需要使用下列命令手动安装 jar 包到 Maven 本地仓库(将 jar 包放到 d 盘 setup 目录)。 mvn install:install-file -DgroupId=org.csource.fastdfs -DartifactId=fastdfs -Dversion=1.2 -Dpackaging=jar -Dfile=d:\setup\fastdfs_client_v1.20.jar pom.xml 中引入 org.csource.fastdfs fastdfs 1.2 
  2. 添加配置文件 fdfs_client.conf ,将其中的服务器地址设置为 192.168.25.133 //...... tracker_server=192.168.25.133:22122 //...... (3)创建 java 类,main 方法代码如下: 

// 1、加载配置文件,配置文件中的内容就是 tracker 服务的地址。 ClientGlobal.init("D:/maven_work/fastDFS-demo/src/fdfs_client.conf"); // 2、创建一个 TrackerClient 对象。直接 new 一个。 TrackerClient trackerClient = new TrackerClient(); 

// 3、使用 TrackerClient 对象创建连接,获得一个 TrackerServer 对象。 TrackerServer trackerServer = trackerClient.getConnection();

 // 4、创建一个 StorageServer 的引用,值为 null StorageServer storageServer = null; 

// 5、创建一个 StorageClient 对象,需要两个参数 TrackerServer 对象、StorageServer 的引用 StorageClient storageClient = new StorageClient(trackerServer, storageServer); 

// 6、使用 StorageClient 对象上传图片。 //扩展名不带“.” String[] strings = storageClient.upload_file("D:/pic/benchi.jpg", "jpg", null); // 7、返回数组。包含组名和图片的路径。 for (String string : strings) { System.out.println(string); } 控制台输出如下结果: group1 M00/00/00/wKgZhVkMP4KAZEy-AAA-tCf93Fo973.jpg 在浏览器输入: http://192.168.25.133/group1/M00/00/00/wKgZhVkMP4KAZEy-AAA-tCf93Fo973.jpg

工具类 

(1)common 工程 pom.xml 引入依赖 org.csource.fastdfs fastdfs commons-fileupload commons-fileupload 

  1. 将 FastDFSClient.java 拷贝到 pinyougou-common 工程

 配置文件 

(1)将“ fdfs_client.conf 拷贝到 web 工程 config 文件夹

 (2)在 web 工程 application.properties 添加配置 FILE_SERVER_URL=http://192.168.25.133/ 

  1. 在web 工程 springmvc.xml 添加配置:

//多媒体解析器

<bean id = "multipartResolver"

Class="org.springframework.web.multipart.commmons.CommonsMultipartResolver">

<property name="defaultEncoding" value="UTF-8"></property>

//设定文件上传最大值

<property name ="maxUploadSize" value="5242880"></property>

</bean>

控制层 在web 新建 UploadController.java 

Import org.springframework.beans.factory.annotation.Value; 

import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; i

mport org.springframework.web.multipart.MultipartFile; 

import entity.Result; import util.FastDFSClient; 

// 文件上传 

@RestController 

public class UploadController { 

@Value("${FILE_SERVER_URL}") 

 private String FILE_SERVER_URL;//文件服务器地址 @RequestMapping("/upload") 

public Result upload( MultipartFile file){ //1、取文件的扩展名 

String originalFilename = file.getOriginalFilename(); 

String extName = originalFilename.substring(originalFilename.lastIndexOf(".") + 1); 

try { 

//2、创建一个 FastDFS 的客户端 

FastDFSClient fastDFSClient = new FastDFSClient("classpath:config/fdfs_client.conf"); 

//3、执行上传处理 

String path = fastDFSClient.uploadFile(file.getBytes(), extName); 

//4、拼接返回的 url 和 ip 地址,拼装成完整的 

url String url = FILE_SERVER_URL + path; 

return new Result(true,url); 

} catch (Exception e) {

 e.printStackTrace(); 

return new Result(false, "上传失败"); } } }

前端代码 --- 服务层 

  1. 在 web 工程创建 uploadService.js //文件上传服务层 app.service("uploadService",function($http){ this.uploadFile=function(){ var formData=new FormData(); formData.append("file",file.files[0]); return $http({ method:'POST', url:"../upload.do", data: formData, headers: {'Content-Type':undefined}, transformRequest: angular.identity }); } }); 

 

anjularjs 对于 post 和 get 请求默认的 Content-Type header 是 application/json。通过设置 ‘Content-Type’: undefined,这样浏览器会帮我们把 Content-Type 设置为 multipart/form-data. 通过设置 transformRequest: angular.identity ,anjularjs transformRequest function 将序列化 我们的 formdata object. 

(2)将 uploadService 服务注入到 goodsController 中 //商品控制层(商家后台) app.controller('goodsController' ,function($scope,$controller ,goodsService,itemCa tService,uploadService){ 

  1. 在 goods_edit.html 引入 js 

 上传图片 (1)goodsController 编写代码 /** * 上传图片 */ $scope.uploadFile=function(){ uploadService.uploadFile().success(function(response) { if(response.success){//如果上传成功,取出 url $scope.image_entity.url=response.message;//设置文件地址 }else{ alert(response.message); } }).error(function() {  alert("上传发生错误"); }); }; 

(2)修改图片上传窗口,调用上传方法,回显上传图片 

  1. 修改新建按钮 

 图片列表 (1)在 goodsController.js 增加方法 $scope.entity={goods:{},goodsDesc:{itemImages:[]}};//定义页面实体结构 //添加图片列表 $scope.add_image_entity=function(){ $scope.entity.goodsDesc.itemImages.push($scope.image_entity); } 

  1. 修改上传窗口的保存按钮 保存 
  2. 遍历图片列表 {{pojo.color}} 
  3. 删除 在 goodsController.js 增加代码 //列表中移除图片 $scope.remove_image_entity=function(index){ $scope.entity.goodsDesc.itemImages.splice(index,1); } 修改列表中的删除按钮 ng-click="remove_image_entity($index)"

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值