HarmonyOS 浏览本地pdf文件 -

参考下面的代码：

import { webview } from '@kit.ArkWeb';
import common from '@ohos.app.ability.common';
import request from '@ohos.request';
import { BusinessError } from '@ohos.base';
import fs from '@ohos.file.fs';
@Entry
@Component
export struct FCPdfWebViewPage {
  @State flag: Boolean = false;
  @State webController: WebviewController = new webview.WebviewController();
  @State path: string = '';
  build() {
    Column() {
      Button('下载', { type: ButtonType.Normal })
        .onClick(() => {
          console.log('下载')
          let context = getContext(this) as common.UIAbilityContext;
          let fileDir = context.filesDir;
          try {
            request.downloadFile(context, {
              url: 'xxxxx',
              filePath: fileDir + '/test.pdf'
            }).then((downloadTask: request.DownloadTask) => {
              downloadTask.on('complete', () => {
                let resFile = fs.openSync(fileDir + '/test.pdf', fs.OpenMode.READ_WRITE);
                const dateStr = (new Date().getTime()).toString()
                let newPath = fileDir + dateStr + resFile.name;
                fs.copyFileSync(resFile.fd, newPath);
                let realUri = 'file://' + newPath;
                this.path = realUri
                this.flag = true
                console.log(this.path)
              })
              downloadTask.on('progress', (receivedSize: number, totalSize: number) => {
                console.log(receivedSize.toString())
              })
              downloadTask.on('fail', (err: number) => {
                console.log(err.toString())
              })
            })
          } catch (error) {
            let err: BusinessError = error as BusinessError;
            console.error(`Invoke downloadFile failed, code is ${err.code}, message is ${err.message}`)
          }
        })
        .height('50vp')
        .width('100%')
        .backgroundColor(Color.Blue)
      if (this.flag) {
        Web({ src: this.path, controller: this.webController })
          .domStorageAccess(true)
          .javaScriptAccess(true)
          .zoomAccess(true)
          .aspectRatio(1)
          .overviewModeAccess(true)
          .imageAccess(true)
          .onlineImageAccess(true)
          .fileAccess(true)
          .databaseAccess(true)
          .multiWindowAccess(true)
          .geolocationAccess(true)
          .horizontalScrollBarAccess(true)
          .verticalScrollBarAccess(true)
          .cacheMode(CacheMode.Default)
          .mixedMode(MixedMode.All)
      } else {
        Web({ src: 'xxxxx', controller: this.webController })
          .domStorageAccess(true)
          .javaScriptAccess(true)
          .zoomAccess(true)
          .aspectRatio(1)
          .overviewModeAccess(true)
          .imageAccess(true)
          .onlineImageAccess(true)
          .fileAccess(true)
          .databaseAccess(true)
          .multiWindowAccess(true)
          .geolocationAccess(true)
          .horizontalScrollBarAccess(true)
          .verticalScrollBarAccess(true)
          .cacheMode(CacheMode.Default)
          .mixedMode(MixedMode.All)
      }
    }
  }
}