Firebase存储:使用ng-file-upload的`put`中的参数无效

时间:2018-01-10 17:09:43

标签: angularjs firebase firebase-storage ng-file-upload

使用ng-file-upload

将角色上传和视图图片发布到firebase

我正在使用带角度的firebase。我已将照片放入firebase存储区。 我有照片网址。

在我看来,我可以通过角度ng-file-upload制作看到图像: NGF-SRC = “HTTP:// url_photo”

接下来,我只需要再次保存照片。 当使用下面的UploadFile方法时,我收到一个错误,因为该文件不是blob。

如果我使用ng-file-upload中的“Upload.urlToBlob”方法将网址转换为博客,则firebase会抛出CORS原因错误。所以,我不能这样做。

我有什么可以解决的?

enter image description here

//标记

<div class="image-upload">
    <label for="file-input">
        <img class="drop-box-filled-totem" ngf-src="mobilePhoto||'//ssl.gstatic.com/accounts/ui/avatar_2x.png'"/>
    </label>
   <button 
      id="file-input"
      ng-model="mobilePhoto"
      ngf-fix-orientation="true"
      ngf-select="selectPhoto($event, $file)"
      ngf-capture="'camera'"
      accept="image/*">
  </button>

</div>

//控制器

var uploadFile=function(file){
    var bucketName='Photos/'+$scope.user.PRONT+'/Foto';
    var storageRef=firebase.storage().ref(bucketName);
    var storage=$firebaseStorage(storageRef);
    var uploadTask=storage.$put(file); -->throw error
}

var getPhotoUrl=function(pront){
    var bucketName='Photos/'+pront+'/Foto';
    var ref=firebase.database().ref(bucketName);
    var url=$firebaseObject(ref)
    url.$loaded().then(function(){
      $scope.mobilePhoto=url.imageUrl;
    })
}
getPhotoUrl($scope.user.PRONT)

0 个答案:

没有答案