Cordova FileプラグインreadAsDataURLがファイルデータを返さない

Question

Cordova FileプラグインのreadAsDataURL関数を使用して、ビデオファイルのbase64バージョンを取得しようとしています。私のコードは次のようになります。

Media: recordVideo: cordova.file.dataDirectory = file:///var/mobile/Containers/Data/Application/764345DC-A77D-43C2-9DF7-CDBE6A0DC372/Library/NoCloud/, path = private/var/mobile/Containers/Data/Application/764345DC-A77D-43C2-9DF7-CDBE6A0DC372/tmp/50713961066__4FD8AF8D-BD36-43A4-99CC-F328ADFD7E38.MOV 

二console.log返されたデータを示しています

は

recordVideo() 
 
    { 
 
    return new Promise(resolve => 
 
    { 
 
     let options: CaptureVideoOptions = { limit: 1, duration: 2 }; 
 
     MediaCapture.captureVideo(options) 
 
     .then(
 
      (data: MediaFile[]) => { 
 

 
      console.log('Media: recordVideo: cordova.file.dataDirectory = ' + cordova.file.dataDirectory + ', path = ' + data[0].fullPath.substring(1)); 
 

 
      // Turn the video file into base64 
 
      let base64File = File.readAsDataURL(cordova.file.dataDirectory, data[0].fullPath.substring(1)); 
 

 
      console.log('Media: recordVideo: got video with data = ' + JSON.stringify(data)); 
 

 
      console.log('Media: recordVideo: base64File = ' + JSON.stringify(base64File)); 
 

 
      resolve(data); 
 
      }, 
 
      (err: CaptureError) => console.error('ERROR - Media: recordVideo: captureVideo error = ' + err) 
 
     ); 
 
    }); 
 
    }

最初console.logからの出力はreadAsDataURLに渡されたパラメータの値を示していますMediaCaptureプラグインによる：

Media: recordVideo: got video with data = [{"name":"50713961066__4FD8AF8D-BD36-43A4-99CC-F328ADFD7E38.MOV","localURL":"cdvfile://localhost/temporary/50713961066__4FD8AF8D-BD36-43A4-99CC-F328ADFD7E38.MOV","type":"video/quicktime","lastModified":null,"lastModifiedDate":1485446813000,"size":195589,"start":0,"end":0,"fullPath":"/private/var/mobile/Containers/Data/Application/764345DC-A77D-43C2-9DF7-CDBE6A0DC372/tmp/50713961066__4FD8AF8D-BD36-43A4-99CC-F328ADFD7E38.MOV"}] 

最後console.logreadAsDataURLから返された値を示しています。

Media: recordVideo: base64File = {"__zone_symbol__state":null,"__zone_symbol__value":[]} 

は（私が見つけることができる）、これを使用して上の無ドキュメントの隣にあります。

Answer 1

関数readAsDataURLは、パラメータとしてパスとファイル名を取得し、約束を返します。使用量がコンソールログあたりとして

File.readAsDataURL("path_to_the_FileName", "Filename").then(result => { 
    this.base64File = result; 
}); 

で、ファイル名をファイル名と完全なパスは、データ（MediaCapture.captureVideoから返された約束）から得られます。

ですから、実際にionic2ネイティブ

var path = "file://"+data[0].fullPath.substring(7,data[0].fullPath.lastIndexOf("/"))‌​; 
File.readAsDataURL(path, data[0].name).then(result => { 
    this.base64File = result; 
}