使用 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插件。
我的网站有一个表单,用户可以在提交表单之前上传一张图片。
我正在尝试使用 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插件。