2017-03-23 6 views
0

AngularJS와 다른 이미지를 업로드하면 이전에 업로드 된 이미지가 대체됩니다 (사실 파일 이름이 '파일'로 간주되어 자동으로 대체되기 때문입니다).업로드/I는 각도/angularfire를 통해 내 중포 기지 스토리지에 이미지를 업로드하려면 다음을 사용하고

av 이게 뭐야? 예를 들어 파일 이름으로 이미지를 업로드 하시겠습니까?

경로는 어떻게되어야합니까?

도와 주셔서 감사합니다

답변

1
app.controller('myController', ['$scope','$firebaseStorage',function($scope,  $firebaseStorage) { 

// Create a Firebase Storage reference 
var storage = firebase.storage(); 
var storageRef = storage.ref(); 
var filesRef = storageRef.child('files'); 

$scope.uploadFile = function(file) { 
console.log("Let's upload a file!"); 
console.log($scope.file); 
storageRef.child(file.name).put(file); 
    storageRef.on('state_changed', function(snapshot) { 
       var progress = (snapshot.bytesTransferred/snapshot.totalBytes) * 100; 

      }, function() { 
       //handle error 
      }, function() { 
      //url of storage file 
       var downloadURL = storageRef.snapshot.downloadURL; 
       console.log(downloadURL) 
       //you will get url of snapshot 
      }); 
    }; 

}]); 

당신이 매번 .so를 파일 이름이나 타임 스탬프가 독특한됩니다 사용할 수 있습니다에 대한 많은.

<form ng-submit="uploadFile(file)"> 
    <input type="file" accept="txt" file-model="file" class="form-control"> 
    <button type="submit" class="btn btn-primary">Upload File</button> 
</form> 

당신이

+0

안녕 ANKIT, 당신의 도움에 대한 감사합니다, 불행히도 그것은? 감사 당신이 다른 어떤 권고가 있습니까 :(아무것도 변경하지 않은 직면 어떤 문제가 있다면 알려주세요! – tibewww

+0

나는 그것의 일부가 아닌, 그것의 일부가되는 app.directive를 추가하는 것을 잊어 버렸습니다. 영향을받는다면 sur가 아닌가요? – tibewww

+0

u는 파일 객체를 얻는 지 아닌지요 ?? 그렇다면 작동 할 것입니다. 지시어 file-model.can을 추가해야합니다. jsfiddle에서 코드를 공유하십시오 –