如何使用JavaScript将捕获的媒体文件转换为base64？

Question

我正在开发一个使用手机差距的应用程序。我捕捉图像/音频/视频并将其路径存储在本地存储中。我需要获取捕获文件的base64并将其存储在数据库中，然后将其与服务器同步。这可能使用JavaScript？

我尝试使用FileReader API，即电话差距提供，但函数reader.onloadend（）没有得到执行。

可以设法使用画布获取图像的base64，但使用画布可以获得音频和视频的base64吗？

谢谢。

Answer 1

是有可能得到媒体文件的base64 reader.onloadend（）没有被调用，因为你可能错过了这一行reader.readAsDataURL（file）。

  // here i have a file input and i am using the FileReader Api to read the content on it's change event (i have no idea what is the event for capturing a media in phonegap 
$("#file").change(function(e){ 
      var file = e.currentTarget.files[0]; 

      var FR = new FileReader(); 

      FR.onload = function (encodedFile) { 
       //alert("onload is called."); 
      } 

      FR.onloadend = function (encodedFile) { 
       var src = encodedFile.target.result; 
       src = src.split("base64,"); 

       // This is the base64 encoded string of that media file which you will be interested to store in the database(post to the server 
       var contentAsBase64EncodedString = src[1]; 
      } 
      reader.readAsDataURL(file); 

    }