首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在cordova android上打开本地保存的文件

在Cordova Android上打开本地保存的文件可以通过以下步骤实现:

  1. 首先,确保你已经安装了Cordova并创建了一个Android项目。
  2. 在Cordova项目的www目录下创建一个HTML文件,用于显示文件内容。
  3. 在Cordova项目的config.xml文件中添加以下权限:
代码语言:xml
复制
<feature name="File">
  <param name="android-package" value="org.apache.cordova.file.FileUtils" />
</feature>
<feature name="FileTransfer">
  <param name="android-package" value="org.apache.cordova.filetransfer.FileTransfer" />
</feature>
<feature name="FileOpener2">
  <param name="android-package" value="com.droidgap.plugin.fileopener2.FileOpener2" />
</feature>
  1. 在Cordova项目的index.js文件中添加以下代码,用于选择并打开本地文件:
代码语言:javascript
复制
document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {
  // 选择文件按钮的点击事件
  document.getElementById('chooseFileBtn').addEventListener('click', chooseFile, false);
}

function chooseFile() {
  // 调用Cordova的文件选择器插件
  window.filechooser.open(function(uri) {
    // 获取选择的文件URI
    var fileUri = uri;

    // 调用Cordova的文件打开器插件
    cordova.plugins.fileOpener2.open(fileUri, 'application/pdf', {
      error: function(e) {
        console.log('Error opening file: ' + e.message);
      },
      success: function() {
        console.log('File opened successfully');
      }
    });
  });
}
  1. 在HTML文件中添加一个按钮,用于触发选择文件的操作:
代码语言:html
复制
<button id="chooseFileBtn">选择文件</button>
  1. 构建并运行Cordova Android项目,点击"选择文件"按钮后,将弹出文件选择器,选择一个本地文件后,该文件将会被打开。

这样,你就可以在Cordova Android上打开本地保存的文件了。

推荐的腾讯云相关产品:腾讯云对象存储(COS)

腾讯云对象存储(COS)是一种高可用、高可靠、强安全的云端存储服务,适用于存储和处理任意类型的文件,包括文档、图片、音视频等。它提供了简单易用的API和控制台,可以方便地上传、下载、管理和分享文件。腾讯云对象存储(COS)具有高可扩展性和低延迟的特点,适用于各种规模的应用场景。

产品介绍链接地址:腾讯云对象存储(COS)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Cordova插件使用——Office文档在线预览那些事

不过单独处理pdf文件,倒是有一两个可以考虑cordova-plugin-document-viewer。...调用本地应用打开 对于android,可以使用 cordova-plugin-file-opener2 或 cordova-plugin-fileopener 前者是官网native推荐插件,后者是我个人觉得还行插件...; 有打开文件、卸载等方法; 只能打开本地文件android打开文件要手动输入MIME-Types; 有权限要求; 遇到权限问题,一般可以加上下面两句,具体可以看cordova-plugin-file...只支持android平台; 只有打开文件方法; 能打开本地文件和远程文件; 内置常用MIME-Types,打开文件不需要手动输入; 基本没遇到权限问题; cordova-plugin-file-opener2...,相比之下,下面的cordova-plugin-fileopener更适用于android打开文件,只是功能比较少,或许作者目的就只是专注于打开文件这一功能。

4.5K40

使用 Cordova 构建应用流程

本质,这隐藏了通用 JavaScript 接口背后各种本地代码实现。 项目维护一组叫做核心插件插件。 这些核心插件提供应用程序访问设备功能,电池、相机、联系人等。...插件 安卓插件开发指南 本节提供如何在 Android 平台上实现本地插件代码详细信息。...Android 插件是基于 cordova-Android ,它是基于一个带有本地桥接 Android WebView 构建。...>, []); 这将从 WebView 向 Android 本地端封送一个请求,通过在 args 数组中传递附加参数,有效地调用服务类 action 方法。...无论是以 Java 文件还是以 jar 文件形式分发插件,都必须在 Cordova-Android 应用程序 res / xml / config.xml 文件中指定该插件。

4.2K11

Cordova插件扩展——Themeablebrowser自拷贝图片

不止打开网页,还可以用来打开在线文档,pdf、word等等文件在线预览也是很不错选择。...于是,我们扩展一下这个插件,添加自动复制图片功能。 首先,clone或者下载该插件到本地目录,打开src文件夹,看到里面有各个平台: ?...各个平台.png 因为我们常用android和ios,那这里只处理这两个平台,分别打开目录,发现资源文件放置在:android/res/drawable-xhdpi和ios/Resources..., 于是,我们打开最外面目录下plugin.xml,给android添加配置项: <source-file src="src/<em>android</em>/res/drawable-xhdpi" target-dir...最后代码上传到Github:https://github.com/woodstream/cordova-plugin-themeablebrowser

83250

Vue3.0入门 + Vant3.0移动端实践(三)使用Cordova打包Android App

当然也有其他一些办法使用HBuilderX这一强大IDE工具,里面支持打包Android或iosapp,微信小程序等。...应用实现是通过web页面,默认本地文件名称是是index.html,这个本地文件应用CSS,JavaScript,图片,媒体文件和其他运行需要资源。应用执行在原生应用包装WebView中。...根据 平台具体指导安装相应平台依赖。打开命令提示符或终端,然后键入npm install -g cordova.安装。 安装完成后,使用Cordova -v可以查看下是否安装成功。...www中,放入对应文件,直接把打包后dist里文件拷贝进去替换即可。...第四步,浏览器运行 cordova run : cordova run 5.第五步,打包apk安卓运行,生成安卓包 cordova platform add android (前提条件:电脑已有

2.2K21

自定义Cordova插件详解

Cordova 自定义插件官方文档 二、观察现有应用结构 打开任意一个基于Cordova技术hybird app开发目录,添加过平台(android、ios等)和安装过插件的话,你会发现结构大致是这样子...platform add --platform_name ios 这样,就会分别创建src/android/MyToast.java和src/ios/MyToast.m两个文件,这里只演示android...", [msg]); }; 3、创建package.json文件 本来执行完上述步骤,一个插件就完成了,但后来Cordova版本要求添加一个package.json来管理插件,而plumam没有给我们创建这样一个文件...,运行如下命令:(add 后面为插件所在本地或网络路径): cordova plugin add /Users/cordova/MyToast 如果已有项目且是ionic项目,则命令前追加上ionic...: ionic cordova plugin add /Users/cordova/MyToast 在ionic2或以上使用时,打开任意一个ts文件,在头部声明如下: declare let cordova

2.2K30

Windows下Ionic 开发环境搭建

简单来说就是可以将你 Web 应用打包发布成 IOS/Android APP,并且提供了 Cordova 之外很多强大服务和新特性。...听起来还是很诱人,事实这也是目前最火一种 Hybrid APP 开发方式。 接下来介绍如何在 Windows 下搭建 Ionic 开发环境。...,然后将改文件夹内bin文件夹路径添加至系统 Path 环境变量中,存放在 C 盘 Program Files 目录下则 Path 中添加如下值 C:\Program Files\apache-ant...新建虚拟机:打开 Android SDK 安装目录下 AVD Manager.exe 选择新建 连接手机:直接通过数据线连接真实设备 ionic run android 到这一步系统就会打开虚拟机或者在真实设备运行简单示例...(位于 jdk1.6.0_24\bin 目录下),把两个软件所在目录添加到环境变量path后,即可使用生成签名文件命令: keytool -genkey -v -keystore demo.jks

3K30

【技巧】ionic3优雅解决启动前、后黑白屏问题

所以解决方式有好几种,可以看这两篇文章: Android启动页优化,去黑屏实现秒启动 Android启动页黑屏及最优解决方案 具体应用在ionic可以参照这个: 快速解决ionic安卓主题启动时短暂黑屏或白屏问题...; 上述两步可以直接下载已放到github插件cordova-fix-blackscreen。...然后安装该插件: ionic cordova plugin add 本插件本地或远程路径 验证一下,会发现在platform目录androidres/values里会多出styles.xml文件。...4)应用项目的config.xml文件添加下面一句,指定使用主题(2选1),这样在cordova build时,cordova-custom-config插件会执行并修改这句里文件参数。...加与不加这参数区别其实是AOT(Ahead-of-time,提前编译)和JIT(Just-in-time,即时编译)区别,使用参数后使用AOT,若代码存在不规范地方,文件使得应用报错而无法启动

3.5K60

ionic和cordova初探--从安装到运行首个app

3.安装安卓SDK 打开Android Studio,File --> Settings --> 搜索sdk,找到对应sdk进行安装即可。 需要在Path环境变量中添加两个值。...注意AppData是隐藏文件,需要在文件夹选项里面把隐藏文件显示才可以看到(具体怎么显示隐藏文件夹百度)。 本地安装路径如图所示: ?...例如cordova create first_sample com.lzw.sample SampleApp (2)打开刚创建first_sample目录,打开命令行,输入命令cordova platforms...(3)在特定平台执行程序 1.在浏览器打开,进入工程根目录,输入cordova run browser,然后浏览器自动访问http://localhost:8000/ 2.在安卓编译Cordova APP...2.执行`cordova build android`命令, 编译安卓项目 3.执行`cordova run android`命令,就会自动打开模拟器,在模拟器运行安卓项目了,如果执行`cordova

3.3K10

Cordova插件扩展——ImagePicker中文支持

其实有时候原生不太懂,也不影响你去使用和修改插件。不信?请看下去: 首先代码是开源,放在github,我们先fork过来然后本地修改。...先打开plugin.xml(插件基本信息和配置都在该文件,关于这文件,我会专门写一篇文章来说明)观察下文件,分别留意android和ios项下配置: ? android项下配置 ?...andriod在android/Library/res创建文件夹values-zh,其下创建文件multiimagechooser_strings_zh.xml, ios在ios/GMImagePicker...zh-Hans.lproj/GMImagePicker.strings 改完后,我们安装插件时指定安装位置为修改过项目路径即可,可以执行这样命令,然后和官网一样地调用即可: ionic cordova...plugin add 插件路径(本地或远程) 是不是很简单?

2.3K40

cordova实现热更新

--服务器监控版本地址 --> ?...app cordova build android 编译成功后,就会在项目根目录\platforms\android\build\outputs\apk生成一个apk文件,进行安装 关于APP端配置已经完成...安装app,打开app,进行体验 六:服务端 当项目文件有更新时,就进行一次 cordova-hcp build 将生成文件,和修改文件,全部放到cordova-hcp.json文件content_url...配置地址上去 例如填写是http://php20.cn/wap/ 则将所有文件放到对应服务器目录中 七:打开2次APP,更新是没有任何提示,如果成功的话,会自动替换原有文件进行热更新,如需要提示更新...,请参考其他文章 记住,需要打开2次APP才能看到效果 本文为仙士可原创文章,转载无需和我联系,但请注明来自仙士可博客www.php20.cn 一篇:

2K30

iOS下JS与OC互相调用(七)--Cordova 基础

后来又加入了Android SDK 和BlackBerry SDK,再然后又陆续加入了更多平台。...上图是目前Cordova支持平台,摘自Cordova官网,它们分别是Android、iOS、Windows Phone、BlackBerry、ubuntu、火狐、LGwebOS、FireOS。...安装Cordova ** Cordova 命令行需要运行在 Node.js ,在 NPM 也可用。我们可以按照 platform specific guides 去安装别的依赖平台。...** 2.创建一个工程 ** 用命令行工具创建一个空Cordova工程。首先跳转到 你希望保存新工程文件夹(命令是 cd 文件夹路径),然后输入命令 cordova create 工程名。...下面是我命令和运行效果图: ? 当然,如果我们想要在iOS 运行 App,我们也可以输入: cordova run ios 也可以到指定目录下打开iOS 工程文件 ?

3.4K20

【技巧】ionic后FileTransfer时代文件传输

FileTransfer是常用Codrodva插件之一,在过去几篇文章中都能看到它身影: Cordova插件使用——Office文档在线预览那些事 【技巧】ionic3视频上传 【技巧】Ionic3...有人可能对它没概念,但是基于它封装库,HttpClient、Fetch、ajax等都是较为熟悉吧? 那我们怎么用这个XHR呢?以一个在线更新apk来做个例子: 1....尝试把Blob数据保存到手机上 借助file插件用于保存文件: ionic cordova plugin add cordova-plugin-file npm install --save @ionic-native.../file 借助file-opener插件用于打开文件: ionic cordova plugin add cordova-plugin-file-opener2 npm install --save...run android --device 可以发现能正常保存并安装apk,动态图就不发了,自行尝试。

1.8K30

cordova打包ios到上架AppStore全过程记录(无敌详细)

前言 一篇已经讲了cordova打包android app全过程,在这里关于打包ios过程就尽量简单说一下了。 ios重点就是配置开发者证书一些东西稍微复杂一点,下面图文详细一步步操作。...download下来保存本地 [在这里插入图片描述] 二、配置appids 1.回到首页选择Identifiers选项 [在这里插入图片描述] 2.选择APP IDS [在这里插入图片描述] 3.选择...[在这里插入图片描述] 5.至此pp(配置文件)也生成了,保存本地 四、利用xcode进行ios相关配置并打包ipa文件上传appstore 1.双击证书文件,有放大效果表示成功 2.打开自己已经创建好...ios项目 这个ios项目是利用你cordova封装H5项目(不会请参考上一篇cordova封装android app) [在这里插入图片描述] 3.打开项目文件platform---ios,...] 5.打包完成之后便会生成ipa文件 [在这里插入图片描述] 6.上传到开发者中心 [在这里插入图片描述] 五、架Appstore 1.打开App Store Connect [在这里插入图片描述]

1.1K50

客户端软件GUI开发技术漫谈:原生与跨平台解决方案分析

具体包括  Web App层是开发人员编写代码主要地方,应用程序以网页形式呈现,在一个index.html本地页面文件中引用所需要各种Web资源,CSS、JavaScript、图像、影音文件等...应用程序配置保存在config.xml文件中。...Mobile OS就是具体手机操作系统层 Cordova预先帮我们预先封装了各种mobile os最常用本地api调用,然后以统一JavaScript api形式提供给webapp开发者调用。...该类继承了Android Activty类,实际Cordova-AndroidLauncher Activity,也就是启动入口activity。...Xamarin.Android被编译成中间语言,Xamarin在APK安装包中会包含一个mono(跨平台.NET运行环境),代码是在mono运行时和安卓本地运行时完成工作

14.3K30

关于ionic2打包android时gradle下载不了解决方法(附:简单优化启动速度彩蛋)

所以我们自己去下载gradle,存放在本地,然后更改配置文件,使其不去网上下载而是从我们指定本地位置获取。...首先我们打开下面这个js: 你项目名称/platforms/android/cordova/lib/builders/GradleBuilder.js 其中有对distributionUrl默认定义...存放到如下路径: 你项目名称/platforms/android/gradle 然后把上面我们找到代码修改成: var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL...当然存在其他路径也是没问题,不过要想到跨域问题,所以我们需要在响应路径开启本地服务。 此时地址就改成本地并加上对应开启服务端口号。...---- 彩蛋 ionic2打包androidapp打开时很长时间白屏简单解决方法: 在用ionic build android命令时,在后面加上--prod参数,即使用ionic build android

70230
领券