將Base64視頻上傳到Parse.com - Javascript

Question

我想讓我的base64視頻數據保存到Parse.com。我對圖像使用相同的技術，並且工作正常，但由於某些原因，視頻不會保存。我一直在嘗試調試這個問題數週，但沒有成功。我基本上是複製的技術/代碼後，我不得不圖片以這種方式工作......使用Base64我想這將是更多或更少的工作一樣...

我的視頻數據是這樣的：

data:video/3gpp;base64,AAAAGGZ0eXAzZ3A0AAAAAGlzb2..... 

正在保存的視頻只有〜56kb - 〜1mb。保存到Parse.com，其中有10mb的文件限制。我檢查了我的數據，一切都似乎是正確的，正確的，直到我試圖將文件保存到Parse.com，這回吐出一個錯誤400

POST https://api.parse.com/1/files/myVideo.3gp 400 (Bad Request) 

與此相伴在我XHR響應：

{"code":107,"error":"base64 field cannot be decoded"} 

任何人有任何見解，爲什麼它可能無法正常工作：

var videoFile = new Parse.File('myVideo.3gp', { 
    base64: _params.videoData 
}); 

// save the parse file 
videoFile 
    .save({ 
     success: function(resp) { 
      window.ERROR = "Success: " + resp; 
     }, 
     error: function(e, r) { 
      window.ERROR = "Error: " + e + " : " + r; 
     } 
    }) 
    .then(function() { 

     _params.videoData = null; 

     // create object to hold caption and file reference 
     var videoObject = new ImageObject(); 

     // set object properties 
     videoObject.set('title', _params.title); 
     videoObject.set('user', Parse.User.current()); 
     videoObject.set('img', videoFile); 

     if (_params.location !== undefined) { 
      videoObject.set('location', new Parse.GeoPoint(_params.location.latitude, _params.location.longitude)); 
     } 

     // save object to parse backend 
     videoObject 
      .save() 
      .then(function(resp) { 
       console.log('Posted Video', resp); 
       // Add User QtdPhoto 
       defer.resolve(resp); 
      }); 

    }, function(error) { 
     console.log('Error', error); 
     defer.reject(error); 
    }); 

Answer 1

---

HTTP狀態代碼400意味着你request is not formed correctly。您是否可以複製粘貼從DevTools或Firebug製作的實際HTTP請求。

另一方面，如果請求在完全相同的長度後被截斷。這可能是由等式一側的防火牆/路由器造成的。你是否支持企業網絡？

UPDATE：

至於作者的評論的迴應。有2種方式保存文件到Parse.com：

1. 使用REST API
2. 使用簡單的HTTP POST請求

第一種方法

我更喜歡使用HTML5文件場爲我處理文件。它允許用戶選擇一個文件。

var videoFile = document.getElementById("your-file"); 
 

 
if (videoFile.files.length > 0) { 
 
    var parseFile = new Parse.File("myVideo.3gp", videoFile.files[0]); 
 
} 
 

 
parseFile.save().then(function() { 
 
    // Success 
 
}, function(error) { 
 
    // Error: alert() or log() 
 
    console.log(error); 
 
});

<input id="your-file" type="file" />

第二種方法：

使POST請求像這樣或閱讀文檔here。

curl -X POST \ 
    -H "X-Parse-Application-Id: ${APPLICATION_ID}" \ 
    -H "X-Parse-REST-API-Key: ${REST_API_KEY}" \ 
    -H "Content-Type: video/3gp" \ 
    --data-binary '@your-local-file.3gp' \ 
    https://api.parse.com/1/files/videoFile.3gp 

只要在您的AJAX請求中做相同的curl即可。在本地環境中編碼是一種選擇嗎？或者，你是否爲PhoneGap，Ionic等編碼？