六、文件上传流程

你的名字 2023-09-30 20:12 1阅读 0赞

1 时序图

![Image 1][]

![676f4e3b7f853f96e0dd6fa46c2e6427.png][]

#### 2 流程说明 ####

1.  客户端访问Tracker

1.  Tracker 返回Storage的ip和端口

1.  客户端直接访问Storage，把文件内容和元数据发送过去。

1.  Storage返回文件存储id。包含了组名和文件名

![Image 1][]

#### 七、Fastdfs-java-client ####

##### 1 添加依赖 #####

<dependencies>
        <dependency>
            <groupId>cn.bestwu</groupId>
            <artifactId>fastdfs-client-java</artifactId>
            <version>1.27</version>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
            <version>3.4</version>
        </dependency>
    </dependencies> `

![ff52afa5cfb77ec4ca68766629770def.gif][]

![11fe547ba5679a170a07f4e2bd304bd2.gif][]

##### 2 编写配置文件 #####

文件名：fdfs\_client.conf

修改成自己的tracker服务器ip

connect_timeout = 10
    network_timeout = 30
    charset = UTF-8
    http.tracker_http_port = 8080
    tracker_server = 192.168.93.10:22122

![145a0d67c49348429eb060af29db076c.gif][]

![f23438b628e8a0a323485dff2780531a.gif][]

##### 3 导入工具类 #####

在com.utils.FastDFSClient 下粘贴配置工具类

package com.msb.utils;
    import java.io.ByteArrayInputStream;
    import java.io.File;
    import java.io.FileInputStream;
    import java.io.IOException;
    import java.io.InputStream;
    
    import org.apache.commons.lang3.StringUtils;
    import org.csource.common.NameValuePair;
    import org.csource.fastdfs.ClientGlobal;
    import org.csource.fastdfs.StorageClient;
    import org.csource.fastdfs.StorageClient1;
    import org.csource.fastdfs.StorageServer;
    import org.csource.fastdfs.TrackerClient;
    import org.csource.fastdfs.TrackerServer;
    
    /**
     * FastDFS分布式文件系统操作客户端.
     */
    public class FastDFSClient {
    
       private static final String CONF_FILENAME = Thread.currentThread().getContextClassLoader().getResource("").getPath() + "fdfs_client.conf";
    
       private static StorageClient storageClient = null;
    
       /**
        * 只加载一次.
        */
       static {
          try {
             ClientGlobal.init(CONF_FILENAME);
             TrackerClient trackerClient = new TrackerClient(ClientGlobal.g_tracker_group);
             TrackerServer trackerServer = trackerClient.getConnection();
             StorageServer storageServer = trackerClient.getStoreStorage(trackerServer);
             storageClient = new StorageClient(trackerServer, storageServer);
          } catch (Exception e) {
             e.printStackTrace();
          }
       }
    
       /**
        * 
        * @param inputStream
        *    上传的文件输入流
        * @param fileName
        *    上传的文件原始名
        * @return
        */
       public static String[] uploadFile(InputStream inputStream, String fileName) {
          try {
             // 文件的元数据
             NameValuePair[] meta_list = new NameValuePair[2];
             // 第一组元数据，文件的原始名称
             meta_list[0] = new NameValuePair("file name", fileName);
             // 第二组元数据
             meta_list[1] = new NameValuePair("file length", inputStream.available()+"");
             // 准备字节数组
             byte[] file_buff = null;
             if (inputStream != null) {
                // 查看文件的长度
                int len = inputStream.available();
                // 创建对应长度的字节数组
                file_buff = new byte[len];
                // 将输入流中的字节内容，读到字节数组中。
                inputStream.read(file_buff);
             }
             // 上传文件。参数含义：要上传的文件的内容（使用字节数组传递），上传的文件的类型（扩展名），元数据
             String[] fileids = storageClient.upload_file(file_buff, getFileExt(fileName), meta_list);
             return fileids;
          } catch (Exception ex) {
             ex.printStackTrace();
             return null;
          }
       }
    
       /**
        * 
        * @param file
        *            文件
        * @param fileName
        *            文件名
        * @return 返回Null则为失败
        */
       public static String[] uploadFile(File file, String fileName) {
          FileInputStream fis = null;
          try {
             NameValuePair[] meta_list = null; // new NameValuePair[0];
             fis = new FileInputStream(file);
             byte[] file_buff = null;
             if (fis != null) {
                int len = fis.available();
                file_buff = new byte[len];
                fis.read(file_buff);
             }
    
             String[] fileids = storageClient.upload_file(file_buff, getFileExt(fileName), meta_list);
             return fileids;
          } catch (Exception ex) {
             return null;
          }finally{
             if (fis != null){
                try {
                   fis.close();
                } catch (IOException e) {
                   e.printStackTrace();
                }
             }
          }
       }
    
       /**
        * 根据组名和远程文件名来删除一个文件
        * 
        * @param groupName
        *            例如 "group1" 如果不指定该值，默认为group1
        * @param remoteFileName
        *            例如"M00/00/00/wKgxgk5HbLvfP86RAAAAChd9X1Y736.jpg"
        * @return 0为成功，非0为失败，具体为错误代码
        */
       public static int deleteFile(String groupName, String remoteFileName) {
          try {
             int result = storageClient.delete_file(groupName == null ? "group1" : groupName, remoteFileName);
             return result;
          } catch (Exception ex) {
             return 0;
          }
       }
    
       /**
        * 修改一个已经存在的文件
        * 
        * @param oldGroupName
        *            旧的组名
        * @param oldFileName
        *            旧的文件名
        * @param file
        *            新文件
        * @param fileName
        *            新文件名
        * @return 返回空则为失败
        */
       public static String[] modifyFile(String oldGroupName, String oldFileName, File file, String fileName) {
          String[] fileids = null;
          try {
             // 先上传
             fileids = uploadFile(file, fileName);
             if (fileids == null) {
                return null;
             }
             // 再删除
             int delResult = deleteFile(oldGroupName, oldFileName);
             if (delResult != 0) {
                return null;
             }
          } catch (Exception ex) {
             return null;
          }
          return fileids;
       }
    
       /**
        * 文件下载
        * 
        * @param groupName 卷名
        * @param remoteFileName 文件名
        * @return 返回一个流
        */
       public static InputStream downloadFile(String groupName, String remoteFileName) {
          try {
             byte[] bytes = storageClient.download_file(groupName, remoteFileName);
             InputStream inputStream = new ByteArrayInputStream(bytes);
             return inputStream;
          } catch (Exception ex) {
             return null;
          }
       }
    
       public static NameValuePair[] getMetaDate(String groupName, String remoteFileName){
          try{
             NameValuePair[] nvp = storageClient.get_metadata(groupName, remoteFileName);
             return nvp;
          }catch(Exception ex){
             ex.printStackTrace();
             return null;
          }
       }
    
       /**
        * 获取文件后缀名（不带点）.
        * 
        * @return 如："jpg" or "".
        */
       private static String getFileExt(String fileName) {
          if (StringUtils.isBlank(fileName) || !fileName.contains(".")) {
             return "";
          } else {
             return fileName.substring(fileName.lastIndexOf(".") + 1); // 不带最后的点
          }
       }
    }

![b339d5f70def2b76adef375d39a7852c.gif][]

![83ea7fe14435ec430c624ba60e172de1.gif][]

##### 4 编写测试代码 #####

随意新建一个包含主方法的类。com.msb.MyMain

public class MyMain {
        public static void main(String[] args) {
            try {
                File file = new File("D:/b.png");
                InputStream is = new FileInputStream(file);
                String fileName = UUID.randomUUID().toString()+".png";
                String[] result = FastDFSClient.uploadFile(is, fileName);
                System.out.println(Arrays.toString(result));
            } catch (FileNotFoundException e) {
                e.printStackTrace();
            }
        }
    }

![99946cec3b93fa89c18756a65898766c.gif][]

![c5b174239d4481e45ef0ea74ce34c03a.gif][]

#### 八、文件下载 ####

##### 1 时序图 #####

![Image 1][]

##### 2 下载说明 #####

client询问tracker下载文件的storage，参数为文件标识（组名和文件名）；

tracker返回一台可用的storage；

client直接和storage通讯完成文件下载。

##### 3 代码实现 #####

直接使用工具方法完成下载。

try {
        InputStream is = FastDFSClient.downloadFile("group1", "M00/00/00/wKg0gF3zAKCARs6kAAASjQVYlWA098.png");
        OutputStream os = new FileOutputStream(new File("D:/jqk.png"));
        int index = 0 ;
        while((index = is.read())!=-1){
            os.write(index);
        }
        os.flush();
        os.close();
        is.close();
    } catch (IOException e) {
        e.printStackTrace();
    }

![b1588d731a6828ec6b1528f0034f1c8a.gif][]

![c2b2b9c2bae98e7d7ee0457d1f062d9d.gif][]

#### 九、Nginx简介 ####

##### 1 简介 #####

FastDFS是没有文件访问功能的，需要借助其他工具实现图片HTTP访问的。Nginx就具备代理虚拟机主机功能。

Nginx (engine x) 是一个高性能的[HTTP][]和[反向代理][Link 1]服务。Nginx是由伊戈尔·赛索耶夫为[俄罗斯][Link 2]访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。

Nginx 是一个很强大的高性能[Web][]和[反向代理][Link 3]服务，它具有很多非常优越的特性：在连接高并发的情况下，Nginx是[Apache][]服务不错的替代品：Nginx在美国是做虚拟主机生意的老板们经常选择的软件平台之一。

##### 2 代理方式 #####

2.1 正向代理

正向代理，意思是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。

![Image 1][]

![aef57ead266c99678ce773f784425aba.png][]

2.2 反向代理

反向代理（Reverse Proxy）方式是指以[代理服务器][Link 4]来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。

![Image 1][]

![add658ff26aa2bf47da246c5d950d905.png][]

2.3 二者之间的区别

位置不同 正向代理，架设在客户机和目标主机之间； 反向代理，架设在服务器端；

代理对象不同 正向代理，代理客户端，服务端不知道实际发起请求的客户端； 反向代理，代理服务端，客户端不知道实际提供服务的服务端；

##### 3 Nginx作用 #####

3.1 HTTP协议代理

只要支持HTTP协议访问的内容，都可以由Nginx进行代理。Nginx只支持HTTP协议的代理，其他协议不支持。

3.2 搭建虚拟主机

Nginx可以监听所安装的主机的某个端口，对外支持这个端口的HTTP访问。当接收到外部HTTP请求后把本机中资源返回给客户端。今天的课程内容就是使用Nginx的搭建虚拟主机功能，外部请求图片时，把图片信息响应给请求发。

3.3 负载均衡

Nginx可以代理多个主机，内置负载均衡策略。

#### 十、Nginx安装 ####

##### 1.上传并安装fastdfs-nginx-module #####

上传 /fastdfs-nginx-model\_v1.16.tar.gz 到 /usr/local/tmp 中

进入 tmp 目录

# cd /usr/local/tmp

![9be6ff87c010afb3944a2d005636dacc.gif][]

![e9a43b678a23f16311804f357fe38432.gif][]

解压

# tar zxf fastdfs-nginx-module_v1.16.tar.gz

![4887879774852863a4063b2a73c2256a.gif][]

![56d54518414d94e08813059abd34f0e4.gif][]

##### 2.修改配置文件 #####

# cd fastdfs-nginx-module/src

![d5e65067e4973243e2a5981489b5accf.gif][]

![b6b10ef92f5b0ca1b9d7200ef3c4a00a.gif][]

编辑config文件

# vim config

![3f8c628634db43d44be8019b6b5d2dd6.gif][]

![d6633162c8da368f3dd6e7e2eba8fc0d.gif][]

修改配置文件中第四行，把路径中local去掉。参数是用于配置安装nginx中的FastDFS组件的时候，在什么位置查找FastDFS核心代码。

修改结果如下：

![Image 1][]

![48d02496e8cd8a7625f7e4fb2fe463c8.png][]

##### 3.安装nginx的依赖 #####

# yum install -y gcc gcc-c++ make automake autoconf libtool pcre pcre-devel zlib zlib-devel openssl openssl-devel

![9af50b9f580a75a3b2d156e904942613.gif][]

![338bc76b1049b03b0e3d636a0c6fc7c0.gif][]

##### 4.上传Nginx 并解压 #####

上传nginx-1.16.1.tar.gz 到/usr/local/tmp中

# cd /usr/local/tmp

![ac7fccdd70537188cde0449072effde3.gif][]

![9cc5e7a4df241bb1cb0af6e437897f2e.gif][]

# tar zxf nginx-1.16.1.tar.gz

![3ca669696f4afcaa04009b1506417a35.gif][]

![61906aae959c29f9e63c72c78942f377.gif][]

##### 5.修改Nginx配置 #####

5.1 进入到Nginx文件夹

# cd nginx-1.16.1

![64a22a7f455b5cda56cdb177a2a3d168.gif][]

![2cee81c28ed00726f59c15ac235523ca.gif][]

5.2 创建临时目录

修改配置文件中好多位置都使用了/var/temp/nginx目录，但是默认不会自动创建这个目录，需要手动创建。

# mkdir -p /var/temp/nginx

![cc95ce37fe9a07de0676fbc2b4bdf899.gif][]

![db46a5819da1f2c2aa4c81674dbe513b.gif][]

5.3 修改配置文件参数

./configure \
    --prefix=/usr/local/nginx \
    --pid-path=/var/run/nginx/nginx.pid \
    --lock-path=/var/lock/nginx.lock \
    --error-log-path=/var/log/nginx/error.log \
    --http-log-path=/var/log/nginx/access.log \
    --with-http_gzip_static_module \
    --http-client-body-temp-path=/var/temp/nginx/client \
    --http-proxy-temp-path=/var/temp/nginx/proxy \
    --http-fastcgi-temp-path=/var/temp/nginx/fastcgi \
    --http-uwsgi-temp-path=/var/temp/nginx/uwsgi \
    --http-scgi-temp-path=/var/temp/nginx/scgi \
    --add-module=/usr/local/tmp/fastdfs-nginx-module/src

![5f325963e65e833c1edf1c8f04e321a7.gif][]

![3cee9e524ca004f06e0634d720cdbc0c.gif][]

\--add-module 必须定义，此配置信息是用于指定安装Nginx时需要加载的模块，如果未指定，Nginx安装过程不会加载fastdfs-nginx-module模块，后续功能无法实现。

##### 6.编译并安装 #####

# make
    # make install

![4c240617c607c1718c4188d438d2c6dd.gif][]

![79f8037b684a1f6f8e215d331268e18d.gif][]

##### 7 配置fastdfs-nginx-module模块配置文件 #####

复制配置文件fastdfs-nginx-module/src/mod\_fastdfs.conf 到 /etc/fdfs目录中

# cp /usr/local/tmp/fastdfs-nginx-module/src/mod_fastdfs.conf /etc/fdfs/

![3c528dfe23cbb5740ce6b81e9d8ef388.gif][]

![50294c4f9c6f10880dc7ab65eb1a9925.gif][]

##### 8 修改 mod\_fastdfs.conf #####

8.1进入到 /etc/fdfs

# cd /etc/fdfs

![ea7955a1fce4643450e55061d48622d7.gif][]

![0b7444567ec28a1bea939eb0c65fe5b6.gif][]

8.2 编辑配置文件

# vim mod_fastdfs.conf

![a4c13e6131d37a60c4164919e124b4d8.gif][]

![ac638b5e99d26a3bf2892d33d79c4103.gif][]

8.3 文件内容修改

需要修改文件中四处内容， 这四处内容的含义：

connect\_timeout=2 \#连接超时时间，单位秒

tracker\_server=tracker:22122 \#tracker 服务结点

url\_have\_group\_name=false \#URL是否包含group名称

store\_path0=/home/yuqing/fastdfs \#storage服务结点的存储位置，与配置storage结点一致

修改结果如下：

![c149aa367bf2758e0889d51a4220353d.gif][]

![a2aa82aec73cdba06a711d79795751d1.gif][]

connect_timeout=10
    tracker_server=192.168.93.10:22122
    url_have_group_name=true
    store_path0=/usr/local/fastdfs/storage/store

![2309981cfc26eb9252267f45a384ee36.gif][]

![5bd323c05db658f2ca9a1bbe517cfec6.gif][]

##### 9. 提供FastDFS需要的HTTP配置文件 #####

复制FastDFS安装包中的两个配置文件(http.conf 和 mime.types) 到 /etc/fdfs目录中

# cp/usr/local/tmp/FastDFS/conf/http.conf /etc/fdfs/
    # cp/usr/local/tmp/FastDFS/conf/mime.types /etc/fdfs/

![f6dda0f12d0b4bc35e6f29c13c523c12.gif][]

![210d0095dbf66ea2eee8acf28c7769f8.gif][]

##### 10. 创建网络访问存储服务的软连接 #####

在上传文件到FastDFS后，FastDFS会返回group1/M00/00/00/xxxxxxxxx.xxx其中group1是卷名，在mod\_fastdfs.conf配置文件中已配置了url\_have\_group\_name， 以保证URL解析正确。其中的M00是FastDFS保存数据时使用的虚拟目录， 需要将这个虚拟目录定位到真实数据目录上。

# ln -s /usr/local/fastdfs/storage/store/data/ /usr/local/fastdfs/storage/store/data/M00

![1c84f4d22093b189c63bc8484ad43df5.gif][]

![799f16ddf3e6a03134a386a2820a3ccd.gif][]

##### 11. 修改nginx配置文件 #####

11.1进入到安装后 nginx目录

# cd /usr/local/nginx/conf

![b4206f9fd0043e0895299532f92ec9dc.gif][]

![9193255a91cedfa5c386f3aeff249d35.gif][]

11.2 编辑配置文件

# vim nginx.conf

![c4c38e991b6a139038fc7a01e0f46470.gif][]

![f8b70a77aaf51c21fd738c2d5b9ebe5f.gif][]

11.2.1 修改内容

需要修改两处

11.2.1.1第一处

user root； \#Nginx需要访问linux文件系统，必须有文件系统的权限。User root代表nginx文件系统的权限是root用户权限。如果不开启权限，可能有404反问错误。

默认效果：此内容在文件最上面

![Image 1][]

![6e5dae1ded45db5c3ff04be412b36699.png][]

修改后的效果：去掉注释，user后面写上root

![Image 1][]

![da9c34ef35d5c860e9958c150997aca9.png][]

11.2.1.2第二处

server{
      listen 8888; #storage 配置中， 有http.server_post=8888的配置信息，必须一致。配置文件是 /etc/fdfs/storaged.conf
          server_name localhost;
          location ~/group([0-9])/M00{
          ngx_fastdfs_module;
          }
    }

![06be589048874edfc1683ff7976db195.gif][]

![9b95d0d84f0fed1d5ae248f19bf5aa0f.gif][]

默认效果：

![Image 1][]

![e1ad296fd5f235a1a1f096a9f7839362.png][]

修改后的效果：

![Image 1][]

![b6130ca4af4f1303d53c8191f7509001.png][]

12. 启动nginx

进入到nginx安装目录的sbin文件夹

#cd /usr/local/nginx/sbin/

![7e78b3f75116014e1173da44660b5135.gif][]

![809889d8cc766b639df74bd8a4046882.gif][]

启动nginx

# ./nginx

![443594202b5072579464c35b34ea09f7.gif][]

![2ec53ed814b47f319b2b03ca16b2d2c3.gif][]

关闭nginx

# ./nginx -s quit

![6a45fd58751624530f16af7b5d5bee81.gif][]

![15301f29712f55699451c8496d21042b.gif][]

[Image 1]: 
[676f4e3b7f853f96e0dd6fa46c2e6427.png]: https://img-blog.csdnimg.cn/img_convert/676f4e3b7f853f96e0dd6fa46c2e6427.png
[ff52afa5cfb77ec4ca68766629770def.gif]: https://img-blog.csdnimg.cn/img_convert/ff52afa5cfb77ec4ca68766629770def.gif
[11fe547ba5679a170a07f4e2bd304bd2.gif]: https://img-blog.csdnimg.cn/img_convert/11fe547ba5679a170a07f4e2bd304bd2.gif
[145a0d67c49348429eb060af29db076c.gif]: https://img-blog.csdnimg.cn/img_convert/145a0d67c49348429eb060af29db076c.gif
[f23438b628e8a0a323485dff2780531a.gif]: https://img-blog.csdnimg.cn/img_convert/f23438b628e8a0a323485dff2780531a.gif
[b339d5f70def2b76adef375d39a7852c.gif]: https://img-blog.csdnimg.cn/img_convert/b339d5f70def2b76adef375d39a7852c.gif
[83ea7fe14435ec430c624ba60e172de1.gif]: https://img-blog.csdnimg.cn/img_convert/83ea7fe14435ec430c624ba60e172de1.gif
[99946cec3b93fa89c18756a65898766c.gif]: https://img-blog.csdnimg.cn/img_convert/99946cec3b93fa89c18756a65898766c.gif
[c5b174239d4481e45ef0ea74ce34c03a.gif]: https://img-blog.csdnimg.cn/img_convert/c5b174239d4481e45ef0ea74ce34c03a.gif
[b1588d731a6828ec6b1528f0034f1c8a.gif]: https://img-blog.csdnimg.cn/img_convert/b1588d731a6828ec6b1528f0034f1c8a.gif
[c2b2b9c2bae98e7d7ee0457d1f062d9d.gif]: https://img-blog.csdnimg.cn/img_convert/c2b2b9c2bae98e7d7ee0457d1f062d9d.gif
[HTTP]: https://baike.baidu.com/item/HTTP
[Link 1]: https://baike.baidu.com/item/%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86/7793488
[Link 2]: https://baike.baidu.com/item/%E4%BF%84%E7%BD%97%E6%96%AF/125568
[Web]: https://baike.baidu.com/item/Web/150564
[Link 3]: https://baike.baidu.com/item/%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86
[Apache]: https://baike.baidu.com/item/Apache/6265
[aef57ead266c99678ce773f784425aba.png]: https://img-blog.csdnimg.cn/img_convert/aef57ead266c99678ce773f784425aba.png
[Link 4]: https://baike.baidu.com/item/%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8/97996
[add658ff26aa2bf47da246c5d950d905.png]: https://img-blog.csdnimg.cn/img_convert/add658ff26aa2bf47da246c5d950d905.png
[9be6ff87c010afb3944a2d005636dacc.gif]: https://img-blog.csdnimg.cn/img_convert/9be6ff87c010afb3944a2d005636dacc.gif
[e9a43b678a23f16311804f357fe38432.gif]: https://img-blog.csdnimg.cn/img_convert/e9a43b678a23f16311804f357fe38432.gif
[4887879774852863a4063b2a73c2256a.gif]: https://img-blog.csdnimg.cn/img_convert/4887879774852863a4063b2a73c2256a.gif
[56d54518414d94e08813059abd34f0e4.gif]: https://img-blog.csdnimg.cn/img_convert/56d54518414d94e08813059abd34f0e4.gif
[d5e65067e4973243e2a5981489b5accf.gif]: https://img-blog.csdnimg.cn/img_convert/d5e65067e4973243e2a5981489b5accf.gif
[b6b10ef92f5b0ca1b9d7200ef3c4a00a.gif]: https://img-blog.csdnimg.cn/img_convert/b6b10ef92f5b0ca1b9d7200ef3c4a00a.gif
[3f8c628634db43d44be8019b6b5d2dd6.gif]: https://img-blog.csdnimg.cn/img_convert/3f8c628634db43d44be8019b6b5d2dd6.gif
[d6633162c8da368f3dd6e7e2eba8fc0d.gif]: https://img-blog.csdnimg.cn/img_convert/d6633162c8da368f3dd6e7e2eba8fc0d.gif
[48d02496e8cd8a7625f7e4fb2fe463c8.png]: https://img-blog.csdnimg.cn/img_convert/48d02496e8cd8a7625f7e4fb2fe463c8.png
[9af50b9f580a75a3b2d156e904942613.gif]: https://img-blog.csdnimg.cn/img_convert/9af50b9f580a75a3b2d156e904942613.gif
[338bc76b1049b03b0e3d636a0c6fc7c0.gif]: https://img-blog.csdnimg.cn/img_convert/338bc76b1049b03b0e3d636a0c6fc7c0.gif
[ac7fccdd70537188cde0449072effde3.gif]: https://img-blog.csdnimg.cn/img_convert/ac7fccdd70537188cde0449072effde3.gif
[9cc5e7a4df241bb1cb0af6e437897f2e.gif]: https://img-blog.csdnimg.cn/img_convert/9cc5e7a4df241bb1cb0af6e437897f2e.gif
[3ca669696f4afcaa04009b1506417a35.gif]: https://img-blog.csdnimg.cn/img_convert/3ca669696f4afcaa04009b1506417a35.gif
[61906aae959c29f9e63c72c78942f377.gif]: https://img-blog.csdnimg.cn/img_convert/61906aae959c29f9e63c72c78942f377.gif
[64a22a7f455b5cda56cdb177a2a3d168.gif]: https://img-blog.csdnimg.cn/img_convert/64a22a7f455b5cda56cdb177a2a3d168.gif
[2cee81c28ed00726f59c15ac235523ca.gif]: https://img-blog.csdnimg.cn/img_convert/2cee81c28ed00726f59c15ac235523ca.gif
[cc95ce37fe9a07de0676fbc2b4bdf899.gif]: https://img-blog.csdnimg.cn/img_convert/cc95ce37fe9a07de0676fbc2b4bdf899.gif
[db46a5819da1f2c2aa4c81674dbe513b.gif]: https://img-blog.csdnimg.cn/img_convert/db46a5819da1f2c2aa4c81674dbe513b.gif
[5f325963e65e833c1edf1c8f04e321a7.gif]: https://img-blog.csdnimg.cn/img_convert/5f325963e65e833c1edf1c8f04e321a7.gif
[3cee9e524ca004f06e0634d720cdbc0c.gif]: https://img-blog.csdnimg.cn/img_convert/3cee9e524ca004f06e0634d720cdbc0c.gif
[4c240617c607c1718c4188d438d2c6dd.gif]: https://img-blog.csdnimg.cn/img_convert/4c240617c607c1718c4188d438d2c6dd.gif
[79f8037b684a1f6f8e215d331268e18d.gif]: https://img-blog.csdnimg.cn/img_convert/79f8037b684a1f6f8e215d331268e18d.gif
[3c528dfe23cbb5740ce6b81e9d8ef388.gif]: https://img-blog.csdnimg.cn/img_convert/3c528dfe23cbb5740ce6b81e9d8ef388.gif
[50294c4f9c6f10880dc7ab65eb1a9925.gif]: https://img-blog.csdnimg.cn/img_convert/50294c4f9c6f10880dc7ab65eb1a9925.gif
[ea7955a1fce4643450e55061d48622d7.gif]: https://img-blog.csdnimg.cn/img_convert/ea7955a1fce4643450e55061d48622d7.gif
[0b7444567ec28a1bea939eb0c65fe5b6.gif]: https://img-blog.csdnimg.cn/img_convert/0b7444567ec28a1bea939eb0c65fe5b6.gif
[a4c13e6131d37a60c4164919e124b4d8.gif]: https://img-blog.csdnimg.cn/img_convert/a4c13e6131d37a60c4164919e124b4d8.gif
[ac638b5e99d26a3bf2892d33d79c4103.gif]: https://img-blog.csdnimg.cn/img_convert/ac638b5e99d26a3bf2892d33d79c4103.gif
[c149aa367bf2758e0889d51a4220353d.gif]: https://img-blog.csdnimg.cn/img_convert/c149aa367bf2758e0889d51a4220353d.gif
[a2aa82aec73cdba06a711d79795751d1.gif]: https://img-blog.csdnimg.cn/img_convert/a2aa82aec73cdba06a711d79795751d1.gif
[2309981cfc26eb9252267f45a384ee36.gif]: https://img-blog.csdnimg.cn/img_convert/2309981cfc26eb9252267f45a384ee36.gif
[5bd323c05db658f2ca9a1bbe517cfec6.gif]: https://img-blog.csdnimg.cn/img_convert/5bd323c05db658f2ca9a1bbe517cfec6.gif
[f6dda0f12d0b4bc35e6f29c13c523c12.gif]: https://img-blog.csdnimg.cn/img_convert/f6dda0f12d0b4bc35e6f29c13c523c12.gif
[210d0095dbf66ea2eee8acf28c7769f8.gif]: https://img-blog.csdnimg.cn/img_convert/210d0095dbf66ea2eee8acf28c7769f8.gif
[1c84f4d22093b189c63bc8484ad43df5.gif]: https://img-blog.csdnimg.cn/img_convert/1c84f4d22093b189c63bc8484ad43df5.gif
[799f16ddf3e6a03134a386a2820a3ccd.gif]: https://img-blog.csdnimg.cn/img_convert/799f16ddf3e6a03134a386a2820a3ccd.gif
[b4206f9fd0043e0895299532f92ec9dc.gif]: https://img-blog.csdnimg.cn/img_convert/b4206f9fd0043e0895299532f92ec9dc.gif
[9193255a91cedfa5c386f3aeff249d35.gif]: https://img-blog.csdnimg.cn/img_convert/9193255a91cedfa5c386f3aeff249d35.gif
[c4c38e991b6a139038fc7a01e0f46470.gif]: https://img-blog.csdnimg.cn/img_convert/c4c38e991b6a139038fc7a01e0f46470.gif
[f8b70a77aaf51c21fd738c2d5b9ebe5f.gif]: https://img-blog.csdnimg.cn/img_convert/f8b70a77aaf51c21fd738c2d5b9ebe5f.gif
[6e5dae1ded45db5c3ff04be412b36699.png]: https://img-blog.csdnimg.cn/img_convert/6e5dae1ded45db5c3ff04be412b36699.png
[da9c34ef35d5c860e9958c150997aca9.png]: https://img-blog.csdnimg.cn/img_convert/da9c34ef35d5c860e9958c150997aca9.png
[06be589048874edfc1683ff7976db195.gif]: https://img-blog.csdnimg.cn/img_convert/06be589048874edfc1683ff7976db195.gif
[9b95d0d84f0fed1d5ae248f19bf5aa0f.gif]: https://img-blog.csdnimg.cn/img_convert/9b95d0d84f0fed1d5ae248f19bf5aa0f.gif
[e1ad296fd5f235a1a1f096a9f7839362.png]: https://img-blog.csdnimg.cn/img_convert/e1ad296fd5f235a1a1f096a9f7839362.png
[b6130ca4af4f1303d53c8191f7509001.png]: https://img-blog.csdnimg.cn/img_convert/b6130ca4af4f1303d53c8191f7509001.png
[7e78b3f75116014e1173da44660b5135.gif]: https://img-blog.csdnimg.cn/img_convert/7e78b3f75116014e1173da44660b5135.gif
[809889d8cc766b639df74bd8a4046882.gif]: https://img-blog.csdnimg.cn/img_convert/809889d8cc766b639df74bd8a4046882.gif
[443594202b5072579464c35b34ea09f7.gif]: https://img-blog.csdnimg.cn/img_convert/443594202b5072579464c35b34ea09f7.gif
[2ec53ed814b47f319b2b03ca16b2d2c3.gif]: https://img-blog.csdnimg.cn/img_convert/2ec53ed814b47f319b2b03ca16b2d2c3.gif
[6a45fd58751624530f16af7b5d5bee81.gif]: https://img-blog.csdnimg.cn/img_convert/6a45fd58751624530f16af7b5d5bee81.gif
[15301f29712f55699451c8496d21042b.gif]: https://img-blog.csdnimg.cn/img_convert/15301f29712f55699451c8496d21042b.gif