无法在 Capacitor Ionic 的应用程序视图中打开 PDF 文件

问题描述

import { Plugins } from '@capacitor/core';

const { browser } = Plugins;

browser.open({ url: 'http://www.africau.edu/images/default/sample.pdf',windowName:'_self' });

当 url 被指定为网站链接时，它可以正常工作，但在指定 PDF 时则不行。有人可以建议是否需要进行任何更改吗？我需要指定 rel 吗？如果是怎么办？在公开调用中没有这样的密钥要传递。收到的响应是“没有启用的插件支持此 MIME 类型”。

解决方法

来自 Capacitor 的 Browser 插件应该可以正常工作。尝试不指定 windowName。

// Capacitor v2
import { Plugins } from '@capacitor/core';
const { Browser } = Plugins;
Browser.open({ url: 'http://www.africau.edu/images/default/sample.pdf'});

// or for Capacitor v3
import { Browser } from '@capacitor/browser';
Browser.open({ url: 'http://www.africau.edu/images/default/sample.pdf'});

,

InAppBrowser 不会 pdf 文件。你将不得不以其他方式使用它，

首先你可以简单地添加一个href，这将打开用户默认浏览器..就像对于android它会在android中打开这个链接，对于ios它将使用safari。

A2

第二种方法是使用文档查看器插件..我在下面添加了它的链接

a

https://ionicframework.com/docs/native/document-viewer

,

尝试使用 inAppBrowser https://ionicframework.com/docs/native/in-app-browser 使用 Capacitor 安装它：

npm install cordova-plugin-inappbrowser

npm install @ionic-native/in-app-browser

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

constructor(private inAppBrowser: InAppBrowser){}

OpenPDFFile(){
this.inAppBrowser.create('http://www.africau.edu/images/default/sample.pdf','_blank');
}

它对我有用。