IONIC 4在应用程序内查看文档,可在WEB上工作,但不能在ANDROID和iOS上工作
我有一个IONIC 4应用程序,我需要使用API从存储中加载文档文件 我已经设法在网络上打开了图像、WORD文档和PDF,但我在iOS和Android上苦苦挣扎 在iOS上,文件被打开,但只有第一页,不能在不同的页面上滚动,而在Android上显示空白页面 这与word文档和PDF文件一起使用,图像打开良好,而在web上运行ionic serve时,一切正常 为此,我使用了IONIC 4在应用程序内查看文档,可在WEB上工作,但不能在ANDROID和iOS上工作,android,ios,angular,ionic-framework,iframe,Android,Ios,Angular,Ionic Framework,Iframe,我有一个IONIC 4应用程序,我需要使用API从存储中加载文档文件 我已经设法在网络上打开了图像、WORD文档和PDF,但我在iOS和Android上苦苦挣扎 在iOS上,文件被打开,但只有第一页,不能在不同的页面上滚动,而在Android上显示空白页面 这与word文档和PDF文件一起使用,图像打开良好,而在web上运行ionic serve时,一切正常 为此,我使用了iFrame,我正在通过DomSanitizer使用URLSearchParams绕过securitytrustresour
iFrame
,我正在通过DomSanitizer
使用URLSearchParams
绕过securitytrustresourceurl,打开文件,我还需要对iFrame
进行收缩和缩放,但这似乎不可能
如果你有任何其他方式,你建议,也将是值得一试,请让我知道
这是iFrame.html:
<div class="iframe-fix">
<iframe
[src]="iFrameFileSelected"
frameborder="0"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen
width="100%"
height="550px"
zooming="true"
scrolling="yes"
></iframe>
</div>
多谢各位
您好,我正在ionic上打开pdf文件,但没有在应用程序上打开。。。但是,你的应用程序布局看起来确实不错。恭喜。一个问题是,我在标题和iphone上使用了降级颜色,它与导航栏的连接非常好。你们是如何在android上做到这一点的?@jcmendes98,我在应用程序组件上同时使用了这两个组件:this.statusBar.overlyswebview(true);this.statusBar.styleLightContent();
iFrameFileSelected: SafeResourceUrl | SafeHtml | SafeStyle | SafeScript | SafeUrl = null;
params: any = {
id: null,
uuid: null,
token: null
};
constructor(protected sanitizer: DomSanitizer) {
this.iFrameFileSelected = this.sanitizer.bypassSecurityTrustResourceUrl(this.getMedia + paramsii);
}