怎么使用pdfjs三方库预览pdf文档

怎么使用pdfjs三方库预览pdf文档

HarmonyOS
2024-05-07 22:08:54
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
JKings

demo如下:

ets: 
  import webview from ‘@ohos.web.webview’; 
 
@Entry 
@Component 
struct WebPage { 
  webController: webview.WebviewController = new webview.WebviewController(); 
  aboutToAppear(){ 
    webview.WebviewController.setWebDebuggingAccess(true); 
  } 
 
  build() { 
    Stack({ alignContent: Alignment.TopStart }) { 
      Row() { 
        Column() { 
          Web({ src: $rawfile(‘text1.html’), controller: this.webController }) 
            .width(‘100%’) 
          .aspectRatio(1) 
            .zoomAccess(false) 
            .javaScriptAccess(true) 
            .domStorageAccess(true) 
            .overviewModeAccess(true) 
            .imageAccess(true) 
            .onlineImageAccess(true) 
            .fileAccess(true) 
            .databaseAccess(true) 
            .multiWindowAccess(true) 
            .geolocationAccess(true) 
            .horizontalScrollBarAccess(true) 
            .verticalScrollBarAccess(true) 
            .cacheMode(CacheMode.Default) 
            .mixedMode(MixedMode.All) 
 
            .onHttpErrorReceive(() => { 
              console.log(‘1111111111111 onHttpErrorReceive’); 
            }) 
            .onErrorReceive((event) => { 
              console.log('1111111111111 onErrorReceive '+ JSON.stringify(event?.error)); 
              if (event) { 
                let result = event.request.getRequestHeader(); 
                console.log('The request header result size is ’ + result.length); 
                for (let i of result) { 
                  console.log('The request header key is : ’ + i.headerKey + ', value is : ’ + i.headerValue); 
                } 
              } 
            }) 
            .onPageBegin(() => { 
              console.log(‘1111111111111 onPageBegin’); 
            }) 
            .onPageEnd(() => { 
              console.log(‘1111111111111 onPageEnd’); 
            }) 
        } 
      } 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-05-08 16:07:51
相关问题
Text控件使用三方字的文档
423浏览 • 1回复 待解决
三方相机预览demo开发
513浏览 • 1回复 待解决
使用三方pako压缩字节数组
530浏览 • 1回复 待解决
Native工程中如何使用其他三方so
1091浏览 • 1回复 待解决
求大佬告知如何使用三方cpp
819浏览 • 1回复 待解决
httpclient三方代理请求关闭问题
687浏览 • 1回复 待解决
ArkTS不支持使用三方的js
2666浏览 • 1回复 待解决
实现弹幕功能的三方
603浏览 • 1回复 待解决
如何获取可用的三方
843浏览 • 1回复 待解决
react-native 第三方使用npm更新
712浏览 • 1回复 待解决
三方应用使用蓝牙功能
475浏览 • 1回复 待解决
有图片加载的三方么?
645浏览 • 1回复 待解决
三方怎么装鸿蒙系统?
1273浏览 • 1回复 待解决
三方中心仓的reflect-metadata问题
682浏览 • 1回复 待解决
是否有支持非对称加密的三方
622浏览 • 1回复 待解决
应用内 FFmpeg 开源三方的编译
676浏览 • 1回复 待解决
在Native侧如何集成三方SO
1081浏览 • 1回复 待解决