使用 ionic 格式上传图片

Uploading images using form ionic

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

我正在尝试使用 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 is not defined

我被困在这里,我尝试了一个示例控制器,但它没有用。我正在使用 ionic serve -l 来测试它,并在我的 iPhone 上使用 ionic View。任何人都知道为什么或如何解决这个问题?谢谢!

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