AngularJS + Firebase 上传个人资料图片

Question

我有一个 JavaScript 图片上传器，它将上传一张图片并给我图片 src。我需要将此值保存在我的 FireBase 数据库中以供当前正在创建的用户使用。

我尝试将 img.src 输出到隐藏输入，但这似乎不起作用。像这样：

$('.userImageValue').val(img.src);

<input class="userImageValue" ng-model="data.userImage" style="display: none;">

我只是想知道，一旦将值添加到它可以工作的不可见输入中，我是否会更改该值。那么在插入 src 值后如何才能最好地使输入“注册”？

这是创建新用户的控制器。

  $scope.list = $firebaseArray(new Firebase("https://my-db.firebaseio.com/users"));

  // Create user button  
  $scope.add_new_user = function() {
    console.log($scope.data);
    $scope.list.$add($scope.data);
    $scope.data = {};
  }

这是页面上的输入，当前使用上述代码并为正在创建的当前用户保存一个新字段。

<input id="firstname" type="text" ng-model="data.firstname" class="form-control" placeholder="First name">

这是我坚持的部分我需要将下面代码中 img.src 的值保存为 FireBase DB 中的新字段供用户使用目前正在创建。

  var userImageUploader = document.getElementById('userImageUploader');

  userImageUploader.addEventListener('change', function(e) {
    var file = userImageUploader.files[0];
    var imageType = /image.*/;

    if (file.type.match(imageType)) {
      var reader = new FileReader();
      reader.onload = function(e) {
        var img = new Image();
        img.src = reader.result;

      }
      reader.readAsDataURL(file);
    }
  });

我希望这是有道理的，并在此先感谢您！

Answer 1

您可能需要考虑对图像部分使用 Parse。

1) 它还有一个免费层，但存储空间比 firebase 免费层大得多，很快就会被图像耗尽。 2) 它有更好的图像处理工具。