title: Angular : Save editable PDF data using angular/javascript?
body: <p>Html:</p>
  <pre><code>  &lt;iframe [src] =&quot;fileurl&quot; #iframe&gt;
       &lt;/iframe&gt;
       &lt;button (click)=&quot;saveDoc()&quot;&gt;
       &lt;/button&gt;
  </code></pre>
  <p>Stuck at savedoc() functionality.</p>
  <p>Typescript:</p>
  <pre><code>    /*api call to get document blob data on load*/
       var fileurl = new blob([res.body],{type:application/pdf});
       fileurl = URL.createObjectUrl(fileurl);
  
      savedoc(){//here need logic to access edited pdf content as blob }
  </code></pre>
  <p>I am able to view and write in pdf editable fields (as input or checkboxes) but I can't figure out once filled all details, how to save/access that edited PDF content (mostly in blob format) to send back to server when click on save button. I have also tried ng2-pdf-viewer library of npm but same issue. I have to send this edited pdf to server in blob format to replace with existing.</p>
  <p>How can I access edited pdf content?</p>
  <p>Edited: Alternative approach, if its possible to trigger saveAs event from code to save iFrame pdf in local drive? I am using  Window.showSaveFilePicker();but saved file seem corrupted or not exist.</p>