ブラウザのBLOBデータオブジェクトを保存/ダウンロードできません

Question

htmlの「input type = file」タグを使用してユーザーがビデオファイルをアップロードするWebページがあります。アップロードされたビデオファイルをJavaScript関数変数で取得しています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; 
} 

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

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

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

decode_base64($cgi->{blobURL}) ; 

何も問題ありませんでした。どんな助けでも大歓迎です。サーバーにPOSTにBlobにBlob URLを変換するには

Answer 1

あなたは `ブロブURL`作成されfetch()とResponse.blob()

const blobURL = URL.createObjectURL(new Blob([123])); 
 
fetch(blobURL) 
 
.then(response => response.blob()) 
 
.then(blob => { 
 
    // do stuff with `blob`: `Blob` 
 
    console.log(blob); 
 
});