Springboot整合FastDfs实现图片上传

悠悠 2023-08-17 16:41 91阅读 0赞

###                                            Springboot整合FastDfs实现图片上传 ###

(1) 前提条件：

1.完成对Fastdfs环境的搭建；若没有，请查看[FastDfs搭建教程][FastDfs]。

2.在pom.xml文件中，添加fastdfs引用依赖包。

<dependency>
          <groupId>org.csource</groupId>
          <artifactId>fastdfs-client-java</artifactId>
          <version>1.27-SNAPSHOT</version>
        </dependency>

若提示错误:Dependency 'org.csource:fastdfs-client-java:1.27-SNAPSHOT' not founnd.请看博客：[解决Fastdfs依赖包问题][Fastdfs]。

(2)进入正题：

1.在resource目录下新建文件client.conf,并添加Fastdfs相关配置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3k1MzI3OTgxMTM_size_16_color_FFFFFF_t_70][]

2.添加Fastdfs工具类，FastDFSClientUtil.java

package com.discount.common.util;
    
    import org.csource.common.NameValuePair;
    import org.csource.fastdfs.ClientGlobal;
    import org.csource.fastdfs.StorageClient1;
    import org.csource.fastdfs.StorageServer;
    import org.csource.fastdfs.TrackerClient;
    import org.csource.fastdfs.TrackerServer;
    
    public class FastDFSClientUtil {
    
        private TrackerClient trackerClient = null;
        private TrackerServer trackerServer = null;
        private StorageServer storageServer = null;
        private StorageClient1 storageClient = null;
    
        public FastDFSClientUtil(String conf) throws Exception {
            if (conf.contains("classpath:")) {
                conf = conf.replace("classpath:", this.getClass().getResource("/").getPath());
                System.out.println("==================================>>>>>>>>>>"+conf);
            }
            ClientGlobal.init(conf);
            trackerClient = new TrackerClient();
            trackerServer = trackerClient.getConnection();
            storageServer = null;
            storageClient = new StorageClient1(trackerServer, storageServer);
        }
    
        /**
         * 上传文件方法
         * <p>Title: uploadFile</p>
         * <p>Description: </p>
         * @param fileName 文件全路径
         * @param extName 文件扩展名，不包含（.）
         * @param metas 文件扩展信息
         * @return
         * @throws Exception
         */
        public String uploadFile(String fileName, String extName, NameValuePair[] metas) throws Exception {
            String result = storageClient.upload_file1(fileName, extName, metas);
            return result;
        }
    
        public String uploadFile(String fileName) throws Exception {
            return uploadFile(fileName, null, null);
        }
    
        public String uploadFile(String fileName, String extName) throws Exception {
            return uploadFile(fileName, extName, null);
        }
    
        /**
         * 上传文件方法
         * <p>Title: uploadFile</p>
         * <p>Description: </p>
         * @param fileContent 文件的内容，字节数组
         * @param extName 文件扩展名
         * @param metas 文件扩展信息
         * @return
         * @throws Exception
         */
        public String uploadFile(byte[] fileContent, String extName, NameValuePair[] metas) throws Exception {
    
            String result = storageClient.upload_file1(fileContent, extName, metas);
            return result;
        }
    
        public String uploadFile(byte[] fileContent) throws Exception {
            return uploadFile(fileContent, null, null);
        }
    
        public String uploadFile(byte[] fileContent, String extName) throws Exception {
            return uploadFile(fileContent, extName, null);
        }
    }

3.在controller层添加访问接口，并返回图片上传成功后的URL：

package com.discount.web.controller;
    
    import com.discount.common.util.FastDFSClientUtil;
    import org.springframework.http.ResponseEntity;
    import org.springframework.web.bind.annotation.*;
    import org.springframework.web.multipart.MultipartFile;
    
    @RestController
    @RequestMapping("/ftp")
    public class FtpController {
    
        @RequestMapping(value = "/uploadFile",headers="content-type=multipart/form-data", method = RequestMethod.POST)
        public ResponseEntity<String> uploadFile (@RequestParam("file") MultipartFile file){
            String result ;
            String originalFilename = file.getOriginalFilename();
            String extName = originalFilename.substring(originalFilename.lastIndexOf(".") + 1);
            //上传到图片服务器
            FastDFSClientUtil fastDFSClient = null;
            String url="";
            try {
                fastDFSClient = new FastDFSClientUtil("classpath:client.conf");
                url = fastDFSClient.uploadFile(file.getBytes(), extName);
            } catch (Exception e) {
                e.printStackTrace();
            }
            return ResponseEntity.ok(url);
        }
    }

4.此时可以用PostMan或ajax进行接口调用，我采用的ajax接口调用，代码如下：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="GBK">
    		<title></title>
    	</head>
    	<body>
    		<input name="file" id="image" type="file" />
    		<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
    		<script>
    			$('#image').on('change', function () {
    		        var url = "http://127.0.0.1:9898/ftp/uploadFile";
    		        var form = new FormData();
    		        form.append("file", this.files[0]);
    		        var settings = {
    		            "url": url,
    		            "method": "POST",
    		            "timeout": 0,
    		            
    		            "processData": false,
    		            "mimeType": "multipart/form-data",
    		            "contentType": false,
    		            "data": form
    		        };
    		        $.ajax(settings).done(function (response) {
    		            console.log(response);
    		        });
    		    })
    		</script>
    	</body>
    </html>

5.前端进行图片上传，得到保存的图片URL：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3k1MzI3OTgxMTM_size_16_color_FFFFFF_t_70 1][]

6.进行验证：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3k1MzI3OTgxMTM_size_16_color_FFFFFF_t_70 2][]

至此就已经结束，若有问题，欢迎提问。

[FastDfs]: https://blog.csdn.net/y532798113/article/details/82994523
[Fastdfs]: https://blog.csdn.net/y532798113/article/details/101538726
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3k1MzI3OTgxMTM_size_16_color_FFFFFF_t_70]: /images/20230809/f6f495e93f2940d3b5046afa629618c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3k1MzI3OTgxMTM_size_16_color_FFFFFF_t_70 1]: /images/20230809/fba071b4482947efa0137652208cd233.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3k1MzI3OTgxMTM_size_16_color_FFFFFF_t_70 2]: /images/20230809/3d8a593ce3ad4266a1269814addeeb9b.png