如何在 ionic +cordova 中附加文件？答案

【问题标题】：how to attached file in ionic +cordova?如何在 ionic +cordova 中附加文件？
【发布时间】：2015-08-06 14:31:39
【问题描述】：

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

所以我想知道如何在Ionic Framework 中打开文件探索。 Ionic 或 Cordova 中是否有任何插件可以打开文件探索并上传到服务器？我不想使用电子邮件编写器插件。

【问题讨论】：

【解决方案1】：

你可以试试简单的HTML5 file input:

<input type="file">

这应该会在 iOS 或 Android 上打开本机浏览器，并允许您选择任何类型的文件。对于上传，您可以尝试$cordovaFileTransfer 插件。

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

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

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

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

【讨论】：

ok .@huey 我明白你的意思了 ..如果我想选择图像而不是我需要使用 $cordovaImagePicker ..或者如果我需要获取其他文件我需要去其他选项 HTMl5 可能我纠正还是有其他方法
是的！ HTML5 方法实际上非常简单。其实还有Cordova FileChooser这个插件，不过我个人没用过。
但我看到它只适用于安卓？我可以在 iOS 中使用吗？还是 iPhone？
HTML5 输入适用于 iOS，但 FileChooser 仅适用于 Android，是的。
感谢 HTML5 我认为适用于 iOS 和 android 吗？我可以纠正吗？

【解决方案2】：

要从图库设备中捕获图像，您可以使用此插件： $ImagePicker.

谷歌搜索了一下，我找到了这个插件cordova-plugin-file-opener2，我认为这个插件可以帮助你获取存储在设备上的文件。

下载和上传我已经用过这个了：$cordovaFileTransfer

【讨论】：