angularjs - 保存、检索数据并将其上传到远程服务器---(AngularJs/Ionic)

Question

非常感谢您的所有教程，它们在很多方面给我们带来了很大帮助。拜托，虽然我是 Angular/ ionic 方面的新手，但我手头有问题需要解决。

1)我有一个表单，其中包含多个输入来收集个人信息，例如姓名、性别、出生日期、职业等。在表单的底部，我有图像标签和一个分别用于显示和捕获图像的按钮。我能够捕获并显示捕获的图像。

问题陈述:

1) I would like to save all the personal info including the captured image on a local storage. Why? because of bad network.

2) I would like to retrieve the saved info and image and upload to a remote server.

如果您能按照您的意愿用一个简单而简短的教程来说明这一点，我将非常感激。再次感谢。

Answer 1

您可能需要考虑使用 Cordova s​​qlite 存储。 Link

要做到这一点，

通过以下方式将插件安装到您的 ionic 项目文件夹中:

cordova plugin add https://github.com/brodysoft/Cordova-SQLitePlugin.git

获取 ng-cordova.min.js 并添加到您的 javascript 目录中，将以下代码行添加到您的 index.html 中。

<script src="<your folder>/ng-cordova.min.js"></script>

通过以下方式注入(inject)到您的 Angular 模块(app.js):

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

通过以下方式创建数据库:

.controller('YourController', function(....., $cordovaSQLite){

 var db = $cordovaSQLite.openDB("database.db");
 $cordovaSQLite.execute(db, "CREATE TABLE IF NOT EXISTS form (id integer primary key, name text, address text, telephone text)");

插入示例:

 $scope.insert = function(name, text, telephone) {
        var query = "INSERT INTO form (name, text, telephone) VALUES (?,?,?)";
        $cordovaSQLite.execute(db, query, [name, text, telephone]).then(function(res) {
            console.log("success!");
        }, function (err) {
            console.error(err);
        });
    }

然后您的图像文件就可以存储为 blob 并享受乐趣! (: