無法保存/下載瀏覽器Blob數據對象

Question

我有一個網頁，用戶使用html的“ input type = file”標簽上傳視頻文件，我在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包含以下blob URL，如果我將其放在該瀏覽器的單獨選項卡上，它將正確播放視頻。

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

如何在我的系統中保存此Blob視頻文件。 我在Perl代碼中嘗試了許多JavaScript方法和后端方法，例如

decode_base64($cgi->{blobURL}) ;

什么都沒有。 任何幫助都感激不盡。

Answer 1

於轉換Blob URL的Blob ，以POST到服務器，您可以使用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); });