HarmonyOS 使用document.loadDocument预览沙箱路径下的pdf无反应

尝试使用 document.loadDocument 预览沙箱路径下的pdf无反应
尝试使用 webview 预览沙箱路径下的pdf，结果显示白屏请问有什么方法可以正常预览pdf文件？

HarmonyOS

aquaa

2024-12-25 15:34:16

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

建议使用web组件

import media from '@ohos.multimedia.media';
import web_webview from '@ohos.web.webview';
import { request } from '@kit.BasicServicesKit';
import common from '@ohos.app.ability.common';
import fs from '@ohos.file.fs';
@Entry
@Component
struct WebViewPageDemo {
  webviewController: web_webview.WebviewController = new web_webview.WebviewController();
  @State fileUrl: string = ''
  @State title: string = ''
  path=''
  hasFile(filePath:string){
    let b = fs.accessSync(filePath)
    return b
  }

  aboutToAppear() {
    const context = getContext(this) as common.UIAbilityContext
    this.path=context.filesDir+'/1700182405099.pdf'
    console.log('demo ', this.path)
    console.log(this.hasFile(this.path)+'123456')
    if(!this.hasFile(this.path)) {
      request.downloadFile(context, {
        url: 'https:huawei.pdf',
        filePath: this.path
      }).then((data: request.DownloadTask) => {
        data.on('complete', () => {
          console.log('demo complete', this.path)
          this.fileUrl = this.path
        })
        data.on('fail', (err) => {
          console.log('demo fail', this.path)
          this.fileUrl = this.path
        })
      })
    }
  }

  build(){
    Column(){
      Button('loadUrl').onClick(()=>{
        this.webviewController.loadUrl('file://'+this.path)
      })
      Web({src: '', controller: this.webviewController})
        .javaScriptAccess(true)
        .domStorageAccess(true)
        .verticalScrollBarAccess(true)
        .fileAccess(true)
        .height('100%')
        .width('100%').onControllerAttached(() => {
        this.webviewController.loadUrl('file://'+this.path)
      })
    }
    .height('100%')
    .width('100%')
  }
}