在表单提交时将图像上传到firebase答案

【问题标题】：uploading images to firebase on form submit在表单提交时将图像上传到firebase
【发布时间】：2015-09-28 23:12:33
【问题描述】：

我正在使用 AngularJs 和 Firebase 构建一个小型网络应用程序（类似博客文章）。我之前实现了 addPost 控制器，效果很好。在我想在表单中添加一些输入文件之后，这些文件已经实现了使用 ng-file-upload 指令在表单提交时将图像上传到 firebase。作为一个新的角度我知道firebase可以将图像保存为base64，所以我在指令上找到了一个可以将图像转换为base64的函数，但我收到了这个错误**ReferenceError：disallowObjectUrl未定义在 Scope.$scope.upload ** 当我尝试提交表单时。我不知道我做错了什么。这是github上的项目 https://github.com/SaidThaher/HotelApp 工作文件是 addPost.html 和 addPost.js 。所有的应用程序文件都在 app 文件夹中。

请帮忙，我花了 3 天时间。

更新

更新：@danialfarid 更新了指令并让我开心:)

升级到 8.0.6 并将您的 fb 推送移至此处：

Upload.base64DataUrl(files).then(function(base64Urls) {
  fb.push({...
            images : base64Urls,
        },...
});

【问题讨论】：

标签： angularjs firebase angularfire angular-file-upload ng-file-upload

【解决方案1】：

此行未定义变量 disallowObjectUrl：https://github.com/SaidThaher/HotelApp/blob/master/app/js/addPost.js#L16

在您的情况下，您应该将其替换为布尔值 true。

Upload.dataUrl(files, true).then...

【讨论】：

谢谢，上传功能必须在 addPost 功能中，还是我写代码的方式正确。请看一下，如果可能的话，请给出一些代码来弄清楚。谢谢