Ich kann die Blob-URL des hochgeladenen Videos nicht auf dem Backend-Server mit AJAX-Aufruf speichern.

Question

Ich habe eine Webseite, auf der der Nutzer eine Videodatei mit dem HTML-Tag "input type = file" hochlädt. Ich fange diese hochgeladene Videodatei in der JavaScript-Funktionsvariablen ab wo es als Blob-URL kommt. "Blob: https://www.myownsite.com:8080/2e8cfd32-abf2-4db3-b396-91f76cc3b40c". Ich kann diese Blob-URL nicht in meinem System speichern.

HTML-Code:

<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-Code:

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."); 
     } 
    }); 
} 

Variable blobURL enthält folgende Blob-URL, die richtig Video abspielt, wenn ich das von diesem Browser auf einer separaten Registerkarte setzen.

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

Wie kann ich diese Blob-Videodatei in meinem System speichern. Ich habe versucht Anzahl der JavaScript-Methoden und auch Back-End-Methoden in meinem Perl-Code wie?

Nichts funktionierte jedoch. Jede Hilfe wird sehr geschätzt.

Answer 1

Eine Blob URL s Lebensdauer ist an die document gebunden, wo die Blob URL erstellt wird. Wenn die document, die die Blob URL erstellt hat, geschlossen ist, sollte die zuvor erstellte Blob URL widerrufen werden, siehe 8.6. Lifetime of Blob URLs.

Sie können POST die Blob oder File Objekt selbst zu Server Trying to Pass ToDataURL with over 524288 bytes Using Input Type Text; oder ein FormData Objekt mit File als Wert gesetzt Sending FormData with a binary data by using jQuery AJAX; oder data URI Darstellung von File Objekt zu Server Upload multiple image using AJAX, PHP and jQuery.