使用表单 ionic 上传图片答案

【问题标题】：Uploading images using form ionic使用表单 ionic 上传图片
【发布时间】：2016-04-10 14:13:59
【问题描述】：

我有一个包含表单的网站，用户可以在提交表单之前上传一张图片。

我正在尝试用 Ionic 框架做同样的事情。

到目前为止我做了什么：

已安装 ngCordova Steps

添加的插件：

cordova plugin add cordova-plugin-file
cordova plugin add cordova-plugin-file-transfer

这是我的跑步：

angular.module('starter', ['ionic', 'starter.controllers', 'ngCordova'])

    .run(function ($ionicPlatform) {
        $ionicPlatform.ready(function () {
            // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
            // for form inputs)
            console.log(FileTransfer);
            if (window.cordova && window.cordova.plugins.Keyboard) {
                cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
                cordova.plugins.Keyboard.disableScroll(true);

            }
            if (window.StatusBar) {
                // org.apache.cordova.statusbar required
                StatusBar.styleDefault();
            }
        });
    })

控制台打印出来：

Uncaught ReferenceError: FileTransfer 未定义

我被困在这里，我尝试了一个示例控制器，但它不起作用。我正在使用 ionic serve -l 对此进行测试，并在我的 iPhone 上使用 ionic View。任何人都知道为什么或如何解决这个问题？谢谢！

【问题讨论】：

我在安卓手机上试用过并为我工作。首先，我创建了一个入门离子应用程序并按照您提到的所有步骤操作，然后我做了cordova prepare，它对我有用。
@pradeep1991singh 嘿，感谢您的帮助！你试过模拟器还是设备？我没用过cordova prepare 我会尽快试用。再次感谢！
在设备上，所以您正在设备上进行测试，对吗？因为插件无法在模拟器上运行。

标签： angularjs cordova ionic-framework file-transfer

【解决方案1】：

您的步骤是正确的，只是在模拟器或真机而不是网络浏览器中测试，因为网络浏览器不支持依赖原生平台的cordova插件。

【讨论】：