title: Can't save uploaded video's blob URL at the backend server using AJAX call
body: <p>I have a web page where user uploads a video file using html's "input type = file" tag, I am catching that uploaded video file in JavaScript function variable where it is coming as blob URL. "blob:<a href="https://www.myownsite.com:8080/2e8cfd32-abf2-4db3-b396-91f76cc3b40c" rel="nofollow noreferrer">https://www.myownsite.com:8080/2e8cfd32-abf2-4db3-b396-91f76cc3b40c</a>". I am not able to save this blob URL in my system.</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;input type="file" name="video_file_name" accept="video/*"&gt;
  &lt;input type="submit" value="Upload Video" id="customVideoSubmit"&gt;
  &lt;button onClick="postVideo();" id="customVideoSubmit" aria- hidden="true"&gt;Upload Video&lt;/button&gt;
  </code></pre>
  
  <p>JavaScript code:</p>
  
  <pre><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.");
          }
      });
  }
  </code></pre>
  
  <p>variable blobURL contains following blob URL, which plays video properly if I put this on a separate tab of that browser.</p>
  
  <pre><code>blob:https://www.myownsite.com:8080/2e8cfd32-abf2-4db3-b396-91f76cc3b40c
  </code></pre>
  
  <p>How can I save this blob video file in my system. I have tried number of JavaScript methods and also back end methods in my Perl code like?</p>
  
  <p>Nothing worked though. Any help will be much appreciated.</p>