淘先锋技术网

首页 1 2 3 4 5 6 7

采用ionic开发hybrid app混合应用,自然少不了使用文件选择和上传操作,下面给出两种可以实现的方法:

1.采用cordova插件,需要使用js绑定事件操作,无法使用angular

2.使用ngCordova插件,这个是结合cordova与angular封装的,更多介绍参考ionic开发插件之ngCordova配置安装

本文给出一个使用ionic和ngCordova插件制作图片文件选择与上传的综合实例工程,并放在github上,你可以down下载作为种子项目开发,本人已经在android 4.4和ios 7.1上测试过,完美运行。

上面提到了ngCordova很多人可能有些迷惑,怎么又出来个ngCordova,下面给大家介绍一下:

ngCordova是什么

ngCordova是在Cordova

Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs

代码中访问设备能力Api。通俗的讲就是ngCordova在Cordova基础上面提供了更多访问原生api的功能。

下面给大家讲解一下 ionic文件选择与ionic文件上传

1.创建项目,并安装插件 执行下面的命令

ionic start myApp sidemenu

bower install ngCordova

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

2.上面我们只是添加了选择文件的插件,还没有使用文件上传,如果使用文件上传,添加下面的命令