HarmonyOS 鸿蒙Next如何显示base64转的PDF

发布于 1周前 作者 vueper 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next如何显示base64转的PDF

【关键字】

模拟器 / 黑屏 / base64 / PDF / 呈现

【问题描述】

前端以base64传过来的数据，怎么转成PDF，并且以什么控件来显示。

【解决方案】

可以参考如下demo代码。

import { webview } from ‘@kit.ArkWeb’;


@Entry


@Component


struct WebPage {


webController: webview.WebviewController = new webview.WebviewController();


build() {


Web({


  src: <span class="hljs-string"><span class="hljs-string">'data:application/pdf;base64,……'</span></span>,<span class="hljs-comment"><span class="hljs-comment">//base64数据</span></span>
  controller: <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.webController
})
  .domStorageAccess(<span class="hljs-literal"><span class="hljs-literal">true</span></span>)

} }

说明：如果没有将Web组件的domStorageAccess属性设置为true，这个属性默认是false，即不开启。默认不开启时就会导致Base64转PDF时产生黑屏，而且这边建议使用真机，用模拟器可能会因为转码卡频进而产生黑屏。

Harmonyos Next教程
2 回复
就这样就能打开吗？

在HarmonyOS鸿蒙Next中显示base64转的PDF，可以通过以下步骤实现：

首先，确保你有一个base64编码的PDF数据。然后，你可以使用webview组件来显示这个PDF。具体实现方式如下：

  1. 导入webview模块：在你的ArkTS或JavaScript代码中，导入webview相关的模块。
  2. 创建webview控制器：实例化一个webview控制器对象。
  3. 设置webview的src属性：将src属性设置为’data:application/pdf;base64,'后跟上你的base64数据。注意，数据前后不要有多余的空格或字符。
  4. 确保domStorageAccess属性为true：这个属性默认是false，需要手动设置为true，否则可能会导致显示黑屏。
  5. 将webview组件添加到你的页面中：通过构建函数将webview组件添加到你的UI界面中。

如果以上步骤正确无误，你应该能够在HarmonyOS鸿蒙Next的应用中成功显示base64转的PDF。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部