FastDFS 图片上传功能实现

1.功能分析  
     我们使用KindEditor的多图片上传插件,具体使用参考:http://kindeditor.net/doc.php

2.业务逻辑分析:
(1) 接收页面传递的图片信息uploadFile
(2) 把图片上传到图片服务器。使用封装的工具类实现。需要取文件的内容和扩展名。
(3) 图片服务器返回图片的url
(4) 将图片的url补充完整,返回一个完整的url。
(5) 把返回结果封装到一个Map对象中返回。

3.后台具体使用
(1) 把commons-io、fileupload 的jar包添加到工程中。
(2) 配置多媒体解析器。

      
           
           
           
           
      
(3) Controller
@Controller
public class PictureController {

      @Value("${IMAGE_SERVER_URL}")
      private String IMAGE_SERVER_URL;

      @RequestMapping("/pic/upload")
      @ResponseBody
      public Map fileUpload(MultipartFile uploadFile) {
           try {
                 //1、取文件的扩展名
                 String originalFilename = uploadFile.getOriginalFilename();
                 String extName = originalFilename.substring(originalFilename.lastIndexOf(".") + 1);
                 //2、创建一个FastDFS的客户端
                 FastDFSClient fastDFSClient = new FastDFSClient("classpath:resource/client.conf");
                 //3、执行上传处理
                 String path = fastDFSClient.uploadFile(uploadFile.getBytes(), extName);
                 //4、拼接返回的url和ip地址,拼装成完整的url
                 String url = IMAGE_SERVER_URL + path;
                 //5、返回map
                 Map result = new HashMap<>();
                 result.put("error", 0);
                 result.put("url", url);
                 return result;
           } catch (Exception e) {
                 e.printStackTrace();
                 //5、返回map
                 Map result = new HashMap<>();
                 result.put("error", 1);
                 result.put("message", "图片上传失败");
                 return result;
           }
      }
}
4.解决浏览器兼容性的问题
     KindEditor的图片上传插件,对浏览器兼容性不好,使用@ResponseBody注解返回java对象:Content-Type:application/json;charset=UTF-8。
(1) 返回字符串时:Json格式
FastDFS 图片上传功能实现_第1张图片

(2) 指定响应结果的Content-Type:text/plain;charset=UTF-8
FastDFS 图片上传功能实现_第2张图片
(3) KindEditor的多图片上传插件最后响应的content-type是text/plan格式的json字符串。兼容性是最好的。
FastDFS 图片上传功能实现_第3张图片
(4) Json与其他数据的相互转换,在以后用到使用该工具类即可。
import java.util.List;
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.JavaType;
import com.fasterxml.jackson.databind.JsonNode;
import com.fasterxml.jackson.databind.ObjectMapper;

/**
 * 自定义响应结构
 */
public class JsonUtils {

    // 定义jackson对象
    private static final ObjectMapper MAPPER = new ObjectMapper();

    /**
     * 将对象转换成json字符串。
     * 

Title: pojoToJson

*

Description:

* @param data * @return */ public static String objectToJson(Object data) { try { String string = MAPPER.writeValueAsString(data); return string; } catch (JsonProcessingException e) { e.printStackTrace(); } return null; } /** * 将json结果集转化为对象 * * @param jsonData json数据 * @param clazz 对象中的object类型 * @return */ public static T jsonToPojo(String jsonData, Class beanType) { try { T t = MAPPER.readValue(jsonData, beanType); return t; } catch (Exception e) { e.printStackTrace(); } return null; } /** * 将json数据转换成pojo对象list *

Title: jsonToList

*

Description:

* @param jsonData * @param beanType * @return */ public static List jsonToList(String jsonData, Class beanType) { JavaType javaType = MAPPER.getTypeFactory().constructParametricType(List.class, beanType); try { List list = MAPPER.readValue(jsonData, javaType); return list; } catch (Exception e) { e.printStackTrace(); } return null; } }

你可能感兴趣的:(#,FastDFS)