读取连接中文件流和页面展示base64编码的文件
创始人
2024-11-14 17:07:49
0

读取连接中文件流和页面展示base64编码的文件

  • 背景需求
    • 从接口处获取base64编码的字节流
      • 依赖
      • java 代码
    • 前端展示
      • pdf
      • 图片

背景需求

我需要展示一个pdf 文件在页面上,但是我一直没办法将 pdf的下载链接用预览方式展示出来,于是打算讨个巧,直接给前端页面发送 Base64 编码的字符串,用来展示pdf文件。而正好我们的文件也有一个获取流的接口。于是,变出现了这篇文章。

从接口处获取base64编码的字节流

依赖

                     org.apache.hadoop             hadoop-common             3.4.0          

java 代码

  1. 直接从 URL 获取流
    public static String downloadFile3(String UrlFilePath, String localFilePath) {         URL url = null;         HttpURLConnection httpUrl = null;         try {             url = new URL(UrlFilePath);             httpUrl = (HttpURLConnection) url.openConnection();             // 设置请求方式,默认是GET             // httpUrl.setRequestMethod("POST");             httpUrl.connect();             try (BufferedInputStream bis = new BufferedInputStream(httpUrl.getInputStream())) {                 byte[] bytes = IOUtils.toByteArray(bis);                 String base64String = Base64.getEncoder().encodeToString(bytes);                  // Write the BASE64 encoded string to the file                 try (BufferedWriter writer = new BufferedWriter(new FileWriter(localFilePath))) {                     writer.write(base64String);                 }                 return base64String;             }         } catch (Exception e) {             e.printStackTrace();         }         return "";     } 
  1. 发送 GET 请求 获取流
/**      * @param url 远程文件路径      * @return base64 编码字符串      */     public static String byGet(String url) {         // 创建Httpclient对象         CloseableHttpClient httpclient = HttpClientBuilder.create().build();         RequestConfig requestConfig = RequestConfig.custom().setConnectTimeout(30000).setConnectionRequestTimeout(30000).setSocketTimeout(30000).build();          String resultString = "";         CloseableHttpResponse response = null;         try {             URIBuilder builder = new URIBuilder(url);             URI uri = builder.build();             // 创建http GET请求             HttpGet httpGet = new HttpGet(uri);             httpGet.setConfig(requestConfig);             httpGet.addHeader("Content-type", "application/json; charset=utf-8");              // 执行请求             response = httpclient.execute(httpGet);               // 判断返回状态是否为200             if (response.getStatusLine().getStatusCode() == 200) {                 InputStream inputStream = response.getEntity().getContent();                 byte[] bytes = IOUtils.toByteArray(inputStream);                 BASE64Encoder encoder = new BASE64Encoder();                 resultString = encoder.encode(bytes);                 return resultString;             }         } catch (Exception e) {          } finally {             try {                 if (response != null) {                     response.close();                 }                 httpclient.close();             } catch (IOException e) {                 e.printStackTrace();             }         }         return "";     } 

前端展示

pdf

        function viewPdf (content) {              const blob = this.base64ToBlob(content)             if (window.navigator && window.navigator.msSaveOrOpenBlob) {                 window.navigator.msSaveOrOpenBlob(blob)             } else {                 const fileURL = URL.createObjectURL(blob)                 window.open(fileURL)             }         }         function base64ToBlob (code) {             code = code.replace(/[\n\r]/g, '')             const raw = window.atob(code)             const rawLength = raw.length             const uInt8Array = new Uint8Array(rawLength)             for (let i = 0; i < rawLength; ++i) {                 uInt8Array[i] = raw.charCodeAt(i)             }             return new Blob([uInt8Array], { type: 'application/pdf' })         } 

图片

let ImgURL ="\"; 

将拼接好的 ImgURL 拼接即可

相关内容

热门资讯

透视教学!wepoker免费脚... 透视教学!wepoker免费脚本(透视)wepoker辅助脚本(都是是真的有挂)1、下载好wepok...
透视讲解!德扑圈透视(透视)免... 透视讲解!德扑圈透视(透视)免费透视(真是存在有挂)1、德扑圈透视ai辅助优化,德扑圈透视发牌逻辑科...
透视挂透视!淘宝买wepoke... 透视挂透视!淘宝买wepoker透视有用吗(透视)有机器人(果然存在有挂);1、打开软件启动之后找到...
透视ai!微扑克微乐辅助(透视... 透视ai!微扑克微乐辅助(透视)辅助器(竟然真的有挂);一、微扑克微乐辅助软件透明挂的定义与意义1、...
透视存在!wepoker网页版... 透视存在!wepoker网页版透视方法(透视)wepoker买脚本靠谱吗(竟然真的是有挂)1、很好的...
透视透视!购买wepoker模... 透视透视!购买wepoker模拟器(透视)破解版内购(其实是真的有挂)1、该软件可以轻松地帮助玩家将...
透视透视!德普之星透视辅助软件... 透视透视!德普之星透视辅助软件激活码(透视)透视辅助软件(本来存在有挂)1、德普之星透视辅助软件激活...
透视了解!wpk透视辅助靠谱吗... 透视了解!wpk透视辅助靠谱吗(透视)透视工作室(真是真的有挂)1、超多福利:超高返利,海量正版游戏...
透视攻略!wepoker怎么获... 透视攻略!wepoker怎么获得好牌(透视)wepoker有脚本吗(都是是有挂)1、超多福利:超高返...
透视总结!wepoker透视有... 透视总结!wepoker透视有用吗(透视)私人局透视方法(都是有挂)1.wepoker透视有用吗 a...