文件的上传和预览在web开发领域是随处可见,存储的方式有很多,本文采用阿里巴巴余庆大神开发的FastDFS进行文件的存储,FastDFS是一个分布式文件存储系统,可以看我上一篇博文,有安装和配置教程。

  本文后台采用SpringBoot,前端采用Vue.js和Element UI,存储引擎为FastDFS。

  步骤:

    1.maven项目引入FastDFS依赖

         <dependency>
<groupId>com.github.tobato</groupId>
<artifactId>fastdfs-client</artifactId>
<version>1.26.7</version>
</dependency>

   2.配置yml

fdfs:
so-timeout: 1501 #socket连接超时时长
connect-timeout: 601 #连接tracker服务器超时时长
thumb-image: #缩略图的宽高,可选
width: 60
height: 60
tracker-list: ip地址:22122 #地址,支持多个(集群)

   3.编写配置类

package com.steak.system.common.config;
import com.github.tobato.fastdfs.FdfsClientConfig;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.EnableMBeanExport;F
import org.springframework.context.annotation.Import;
import org.springframework.jmx.support.RegistrationPolicy;
@Configuration
@Import(FdfsClientConfig.class)#导入FastDFS-Client组件
@EnableMBeanExport(registration = RegistrationPolicy.IGNORE_EXISTING) #解决jmx重复注册bean的问 public class FastClientImporter {
}

    4.Controller层对图片进行处理,本项目前端通过Base64位将图片传到后台,后台解析和转码后,再上传到服务器

    
    @Autowired
    private FastFileStorageClient storageClient; //注入操作fastdfs的接口

     String filePath = "D://images//"; #图片存放的路径,这里我写成D盘
String fileName = System.currentTimeMillis()+".jpg"; #文件名
BASE64Decoder decoder = new BASE64Decoder();
imgBase64 = imgBase64.replace("data:image/jpeg;base64,",""); #去除不需要的部分
StorePath storePath = null;
try {
byte[] bytes = decoder.decodeBuffer(imgBase64); //转为图片
for (int i = 0 ; i < bytes.length ; ++i){
if (bytes[i] < 0){
bytes[i] += 256;
}
}
String imageFilePath = filePath+fileName.replace("\\\\","/");
OutputStream out = new FileOutputStream(imageFilePath);
out.write(bytes);
out.flush();
out.close();
File file = new File(imageFilePath);
storePath = this.storageClient.uploadImageAndCrtThumbImage(new FileInputStream(file),file.length(),"jpg",null); //上传到FastDFS,这里也上传了缩略图,
  
    }catch (Exception e){
        e.printStackTrace();
  }
    String photoURL = serverPort+storePath.getFullPath();#将ip地址+端口+图片在FastDFS中的存储路径进行拼接就可以

    大概就是这个样子了,哈哈,美女漂亮

    对于FastDFS将图片存储在那:

      存储在/var/fdfs/data下,下面有很多很多目录,像00,FF啊这样的,因为才开始使用,所以我就从第一个目录的第一条一直往里面走,随后找到了图片,60x60那个时缩略图

最新文章

  1. 【Alpha阶段】第六次Scrum例会
  2. c# C++接口封装 汽车模拟仿真
  3. 2013 Multi-University Training Contest 4
  4. HTTP详解(1)-工作原理
  5. debug,trace,release项目配置区别
  6. 我的新计划 《2Dof Racing Simulator》2014/3/9 20:30:00
  7. JSch - Java实现的SFTP(文件下载详解篇)(转)
  8. vector::erase returns incompatible iterator in debug build
  9. [原创]浅谈NT下Ring3无驱进入Ring0的方法
  10. Linux下编译Qt源码,一定要下载tar.gz版本,否则会报权限不足
  11. 集成ejs和angular
  12. 常用JavaScript字符串方法简述
  13. margin属性的正负值确定
  14. Maven 项目 @Override must override a superclass method` 问题
  15. Spring官方文档翻译(转)
  16. (八十七)AutoLayout的简介与实例
  17. day14 生成器迭代器
  18. 将字符串以用二进制流的形式读入XML文件
  19. MySQL之聚合数据(AVG,COUNT,MAX,MIN,SUM)
  20. 【LOJ】#2114. 「HNOI2015」菜肴制作

热门文章

  1. DRF--介绍和安装
  2. x2
  3. [LOJ 2133][UOJ 131][BZOJ 4199][NOI 2015]品酒大会
  4. Spring Cloud Alibaba Sentinel对RestTemplate的支持
  5. C++ 基于rapidjson对json字符串的进行序列化与反序列化
  6. 中国移动明确5G手机入网技术标准:四大要求缺一不可!
  7. Debug 路漫漫-12:Python: ValueError: &#39;userid&#39; is both an index level and a column label, which is ambiguous.
  8. mysql 创建用户, 分配权限, 删除用户
  9. paramiko简介
  10. GV900 Political Explanation