AJAX 호출을 사용하여 업로드 된 비디오의 blob URL을 백엔드 서버에 저장할 수 없습니다.

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> 

자바 스크립트 코드 :

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 

어떻게하면이 시스템에 비디오 파일을 저장할 수 있습니까? 나는 펄 코드에서 자바 스크립트 메소드와 백 엔드 메소드의 수를 시도했다.

아무런 효과가 없습니다. 어떤 도움을 많이 주시면 감사하겠습니다.

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입니다.