SpringBoot接口中如何直接返回圖片數據
接口直接返回圖片數據
起因
最近在做涉及到分享推廣的業(yè)務,需要由業(yè)務員分享二維碼進入推廣頁面,由于是新項目,前期預算和用量都有限,沒有搭建對象存儲服務,所以決定使用后臺服務動態(tài)生成二維碼圖片直接圖片數據并返回。
首先是二維碼的生成,決定使用google的zxing,畢竟google的東西還是不錯的,maven添加依賴如下:
<!-- https://mvnrepository.com/artifact/com.google.zxing/core --> <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId> <version>3.3.3</version> </dependency> <!-- https://mvnrepository.com/artifact/com.google.zxing/javase --> <dependency> <groupId>com.google.zxing</groupId> <artifactId>javase</artifactId> <version>3.3.3</version> </dependency>
繼續(xù)查zxing的使用方法,發(fā)現大多數都是生成二維碼然后寫成圖片文件的,不太適合我現在的情況。
類似這種
Map hints = new HashMap(); hints.put(EncodeHintType.CHARACTER_SET, "utf-8"); hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.M); hints.put(EncodeHintType.MARGIN, 2); BitMatrix qrcode = new QRCodeWriter().encode(href, BarcodeFormat.QR_CODE, 300, 300); //網上的方案大多數都是通過io流寫到文件系統(tǒng), MatrixToImageWriter.writeToStream(qrcode,"png",response.getOutputStream());
于是企圖用response的輸出流返回,但是返回的數據瀏覽器看到的全是亂碼,這種方案并沒有成功
根據個人經驗
一般這種開源方案既然二維碼數據BitMatrix對象都生成了,肯定有獲取原始數據的方法,點進MatrixToImageWriter類搜索方法,果然,找到了能直接返回BufferedImage對象的方法
現在,BufferedImage對象已經有了,只差把它扔回前端了,繼續(xù)百度,發(fā)現可以直接返回該對象,類似以下配置
@GetMapping(value = "/qrcode", produces = MediaType.IMAGE_JPEG_VALUE) @ResponseBody public BufferedImage generateQRCode() { //返回BufferedImage的對象 }
以為問題即將解決,然而瀏覽器訪問返回406,上網一查,原來是沒有對應消息類型的轉換器導致的,有博主提到需要如下配置
@Bean public BufferedImageHttpMessageConverter addConverter(){ return new BufferedImageHttpMessageConverter(); }
加了上面的配置后發(fā)現問題仍沒有解決,報錯仍是406,懷疑配置沒有生效,于是決定走源碼查看原因。debug源碼時發(fā)現messageConverters的list中確實沒有我配置的,說明的確是配置問題,查找messageConverters的set操作,查到如圖的地方
發(fā)現springMVC是在配置RequestMappingHandlerAdapter設置的HttpMessageConverter,進入getMessageConverters()方法
根據我的工地英語8級,extendMessageConverters這個方法應該是在添加自定義的HttpMessageConverter,進入該方法
空實現,很明顯估計是模板模式,需要自己去擴展,于是自己寫了一個配置類繼承WebMvcConfigurationSupport,重寫extendMessageConverters方法
@Override protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) { converters.add(new BufferedImageHttpMessageConverter()); }
瀏覽器再訪問,二維碼圖片展示,問題解決
總結:實現一個方案的過程中碰到了各種各樣的奇怪問題,最好的方式是先網上找資料快速解決問題,如果無法解決,再通過自己走源碼的方式從根本原因上尋找出現問題的原因,解決問題最復雜的地方是定位問題,問題定位了,解決便不再是難題
優(yōu)雅的實現圖片返回
注意:response.setContentType("image/png");這行代碼一定要加上
@RestController @Slf4j @Api(tags = SwaggerConfig.TAG_IMAGE) @RequestMapping(SwaggerConfig.TAG_IMAGE) public class ImageController { ? ? @Resource ? ? private HttpServletResponse response; ? ? @GetMapping(value = "/getImage") ? ? @ApiOperation("獲取圖片-以ImageIO流形式寫回") ? ? public void getImage() throws IOException { ? ? ? ? OutputStream os = null; ? ? ? ? try { // ? ? ? ?讀取圖片 ? ? ? ? ? ? BufferedImage image = ImageIO.read(new FileInputStream(new File("F:\\谷歌下載\\未命名文件.png"))); ? ? ? ? ? ? response.setContentType("image/png"); ? ? ? ? ? ? os = response.getOutputStream(); ? ? ? ? ? ? if (image != null) { ? ? ? ? ? ? ? ? ImageIO.write(image, "png", os); ? ? ? ? ? ? } ? ? ? ? } catch (IOException e) { ? ? ? ? ? ? log.error("獲取圖片異常{}",e.getMessage()); ? ? ? ? } finally { ? ? ? ? ? ? if (os != null) { ? ? ? ? ? ? ? ? os.flush(); ? ? ? ? ? ? ? ? os.close(); ? ? ? ? ? ? } ? ? ? ? } ? ? } }
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
IDEA創(chuàng)建Servlet編寫HelloWorldServlet頁面詳細教程(圖文并茂)
在學習servlet過程中參考的教程是用eclipse完成的,而我在練習的過程中是使用IDEA的,在創(chuàng)建servlet程序時遇到了挺多困難,在此記錄一下,這篇文章主要給大家介紹了關于IDEA創(chuàng)建Servlet編寫HelloWorldServlet頁面詳細教程的相關資料,需要的朋友可以參考下2023-10-10SpringCloud實戰(zhàn)小貼士之Zuul的路徑匹配
這篇文章主要介紹了SpringCloud實戰(zhàn)小貼士之Zuul的路徑匹配,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-10-10