angularjs - 如何在 ionic +cordova 中附加文件?

标签 angularjs cordova ionic-framework cordova-plugins

我正在 iOS 上制作一个简单的应用程序。单击按钮后,我希望打开图库或文件选择器或文件资源管理器,并且用户能够选择任何 .txt.pdf , .jpg.png来自画廊的文件。

所以我想知道如何打开 Ionic Framework 中的文件浏览器。 Ionic 或 Cordova 中是否有可用的插件可以打开文件浏览并上传到服务器?我不想使用电子邮件编辑器插件。

最佳答案

你可以尝试一个简单的HTML5 file input :

<input type="file">

这应该会打开 iOS 或 Android 上的 native 浏览器,并允许您选择任何类型的文件。如需上传,您可以尝试$cordovaFileTransfer插件。

如果您的目标是 iOS8,它似乎存在文件输入问题,我建议您查看 FineUploader ,一个JS解决方案。


或者,您可以使用ngCordova$cordovaImagePicker$cordovaFileTransfer插件。 Install ngCordova首先使用 Bower 或手动包含 JS 文件并将 ngCordova 作为 Angular 依赖项注入(inject)。然后,安装插件:

cordova plugin add https://github.com/wymsee/cordova-imagePicker.git
cordova plugin add cordova-plugin-file-transfer

然后,您可以使用 getPictures() 方法和 upload() 方法选择设备上的照片并将其上传到您的服务器。但是,您将无法选择和上传其他类型的文件格式 .txt.pdf,因为 $cordovaImagePicker 仅选择图像

关于angularjs - 如何在 ionic +cordova 中附加文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31858512/

相关文章:

javascript - Angular - 使用 ng-click 后 Controller 刷新

angularjs - 将 ionic cli 添加到现有的 ionic 项目

javascript - 使用 mocha 返回 promise 的测试方法调用

ios - Cleaver(PhoneGap/Cordova 作为组件)在 iOS 中不起作用

javascript - 更新列表中的项目在点击时显示 - Angular JS

javascript - 使用存储的凭据自动登录 PhoneGap Onsen UI 应用程序

css - 仅在 Android 设备上无效的 CSS 属性

ios - 未找到 PhoneGap 应用程序 : "ERROR: Start Page at ` www/index. html`”

html - hr 元素不显示/使 View 空白 ionic

javascript - Laggy 变换 : translate on Android, 在 iOS 上平滑