cordovaFileTransfer를 사용하여 firebase (3.0) storage에 비디오 업로드

Question

Ionic, (ng) Cordova 및 Firebase 스토리지를 사용하여 하이브리드 앱을 만듭니다.

이전에는 비디오 캡처 용 코드 캡쳐와 코드 어로 파일 전송 (어딘가에 업로드 용)을 페어링하여 this question 상태와 같은 작업을했습니다.

var uploadTask = storageRef.child('videos/' + file.name).put(file); 

내가 지금 필요 느낌을 얻을 :

나는 서버 주소를 사용하지 않는 새로운 중포 기지 저장 업로드 과정과 같은 일을 달성하는 방법을 해결하기 위해 사투를 벌인거야 실제로 에 대한 또 다른 단계를 추가하여 장치에서 파일에 액세스하십시오. 이는 이전에 파일 전송 플러그인에서 처리했습니다.

나는 아주 명백한 것을 놓칠 수 있습니다. 그렇다면 사과와 감사합니다.

Answer 1

맞아, 나는 마침내이 작업을했습니다.

here에 설명 된 새로운 firebase 저장소 업로드 방법을 사용하려는 경우 더 이상 Cordova FileTransfer 플러그인을 사용하지 않아도됩니다 (더러운 작업을 수행함).

이제 (ng) Cordova File 플러그인을 사용하여 파일을 먼저 읽어야합니다. 파일에 따라 read it을 가장 적절한 방법으로 사용해야합니다. 제 경우에는 비디오를 읽으려고했기 때문에 배열 버퍼로 읽습니다. 일단

당신이 (구문을 시청)의 Blob로 변환 한 다음 업로드가 원활하게 실행됩니다 필요 읽기 :

var file_path = "root/to/directory"; 
    var name = "filename.mp4"; 

       $cordovaFile.readAsArrayBuffer(file_path, name) 
        .then(function (success) { 
         // success 
         console.log(success); 

         blob = new Blob([success], {type: "video/mp4"}); 

         console.log(blob); 

         var uploadTask = storageRef.child(name).put(blob); 

         uploadTask.on('state_changed', function(snapshot){ 
         // Observe state change events such as progress, pause, and resume 
         // See below for more detail 

          var progress = (snapshot.bytesTransferred/snapshot.totalBytes) * 100; 
          console.log('Upload is ' + progress + '% done'); 

         }, function(error) { 
         // Handle unsuccessful uploads 
         console.log("Error uploading: " + error) 
         }, function() { 
         // Handle successful uploads on complete 
         // For instance, get the download URL: https://firebasestorage.googleapis.com/... 
         var downloadURL = uploadTask.snapshot.downloadURL; 
         console.log("Success!", downloadURL); 
         }); 

         }, function (error) { 
         // error 
         console.log("Failed to read video file from directory, error.code); 

         } 

        ); 

NB : 1)이 웹/자바 스크립트 API를 의미 - 안드로이드 iOS API는 다를 것입니다. 2) 장치에 따라 파일 유형이 다를 수 있으므로이 문제를 해결해야합니다. 3) ngCordova를 사용하고 있지만 일반 cordova/phonegap 플러그인에도 동일하게 적용됩니다.

희망이 있으면 도움이 될 것입니다.