アップロードされたビデオのBLOB URLをAJAXコールを使用してバックエンドサーバーに保存できません

Question

HTMLの "input type = file"タグを使用してユーザーがビデオファイルをアップロードするWebページがあります。どこにblob URLとして来るのですか？ "blob：https://www.myownsite.com:8080/2e8cfd32-abf2-4db3-b396-91f76cc3b40c"私は私のシステムにこのBLOB URLを保存することができません。

HTMLコード：

<input type="file" name="video_file_name" accept="video/*"> 
<input type="submit" value="Upload Video" id="customVideoSubmit"> 
<button onClick="postVideo();" id="customVideoSubmit" aria- hidden="true">Upload Video</button> 

JavaScriptコード：

function postVideo(){ 
var blobURL = document.querySelector('video').src; 
    $.ajax({ 
     type: 'POST', 
     url: 'https://myapplication.com', 
     data: { videoData : blobURL , mediafilename : fileName}, 
     contentType: 'application/json; charset=utf-8', 
     dataType: 'json', 
     success: function() { 
      console.log("Video saved successfully."); 
     } 
    }); 
} 

変数blobURLは、次のものが含まブロブURL、私はそのブラウザの別のタブでこれを置けば、適切にビデオを再生します。

blob:https://www.myownsite.com:8080/2e8cfd32-abf2-4db3-b396-91f76cc3b40c 

システムにこのBlobビデオファイルを保存するにはどうすればよいですか？私はいくつかのJavaScriptメソッドとバックエンドメソッドをPerlコードのように試してみましたか？

何も問題ありませんでした。どんな助けでも大歓迎です。

Answer 1

Blob URLの寿命は、Blob URLが作成されたdocumentに関連付けられています。 Blob URLを作成したdocumentを閉じた場合は、先に作成したBlob URLを取り消す必要があります。8.6. Lifetime of Blob URLsを参照してください。

BlobまたはFileオブジェクト自体をサーバTrying to Pass ToDataURL with over 524288 bytes Using Input Type Textに送信することができます。POSTまたはFileを値Sending FormData with a binary data by using jQuery AJAXと設定したFormDataオブジェクトです。またはdata URIの表現FileサーバUpload multiple image using AJAX, PHP and jQueryのオブジェクトです。