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/

相关文章:

cordova - Ionic 2 : Cordova is not available. 确保包含 cordova.js 或在设备/模拟器中运行(在模拟器中运行)

angularjs - 如何在 ionic 中定位多个 View

java - AngularJS 的 Spring 安全性 - 注销不起作用

cordova - 运行cordova android build时Gradle使用错误的JAVA_HOME

javascript - REST Node 服务器有时会运行两次代码

javascript - WebSQL : jQuery for each error

angular - 带有 ionic 4 的自定义 Angular 7 库 - 无法解决 '../@ionic/angular/dist/core.ngfactory' 构建产品错误

javascript - 查找 ionic 代码中的错误

angularjs - 如何在 ionic 中禁用拖动侧菜单

C# Forms Authentication .ASPXAUTH Cookie for SSO