微服务通过配置方式读取图片

2023-11-28 21:33:25

灵活便捷的图片读取方式：配置与接口

在现代网络开发中，图片作为必不可少的元素，其高效读取与展示显得尤为重要。本文将深入探讨通过配置和接口两种方式读取图片的优势与使用方法，帮助开发者选择最适合自己应用场景的方案。

通过配置读取图片

配置方式读取图片的最大优点在于它的灵活性。开发者可以在配置文件中添加相关配置，无需修改代码即可动态配置图片的映射关系。这使得开发者可以根据不同的业务需求，轻松调整图片的加载位置和方式。

spring.resources.add-mappings=true
spring.resources.mapping.image/**=classpath:/static/images/**

通过上述配置，开发者可以将项目根目录下的static/images目录映射为image/* URL。这样，在代码中只需要使用如下方式即可读取图片：

@RequestMapping("/image/{name}")
public void getImage(@PathVariable("name") String name, HttpServletResponse response) throws IOException {
    Resource resource = resourceLoader.getResource("classpath:/static/images/" + name);
    try (InputStream in = resource.getInputStream()) {
        IOUtils.copy(in, response.getOutputStream());
    }
}

配置方式读取图片的优势在于其灵活性，但也存在一定的局限性。比如，开发者需要手动配置映射关系，并且图片的读取方式只能通过代码实现。

通过接口读取图片

通过接口读取图片则提供了一种更动态的方式来处理图片。开发者可以定义一个接口，用于提供图片读取服务，并在实现类中实现图片的读取逻辑。

@RequestMapping("/api/image")
public interface ImageController {

    @GetMapping("/{name}")
    byte[] getImage(@PathVariable("name") String name);
}

@RestController
@RequestMapping("/api/image")
public class ImageControllerImpl implements ImageController {

    @Override
    public byte[] getImage(@PathVariable("name") String name) {
        Resource resource = resourceLoader.getResource("classpath:/static/images/" + name);
        try (InputStream in = resource.getInputStream()) {
            return IOUtils.toByteArray(in);
        } catch (IOException e) {
            e.printStackTrace();
            return null;
        }
    }
}

前端代码中通过调用接口即可实现图片的动态加载和展示：

fetch('/api/image/image.png')
  .then(res => res.blob())
  .then(blob => {
    const url = URL.createObjectURL(blob);
    const img = document.createElement('img');
    img.src = url;
    document.body.appendChild(img);
  });

通过接口读取图片的优点在于其动态性，开发者可以灵活地实现图片的加载与展示。但其缺点在于，它需要编写额外的代码来实现接口，并且图片的读取方式需要依赖前端代码。

选择最适合的图片读取方式

究竟选择哪种图片读取方式取决于实际应用场景和开发者的偏好。配置方式读取图片更加灵活，适合需要动态调整图片映射关系的场景。而通过接口读取图片则更加动态，适合需要动态加载和展示图片的场景。

常见问题解答