how to upload and view a PDF file in angular using Ionic?

Question

I'm working with angular and ionic at the moment and I need to be able to upload and view a PDF file. So far I can choose the pdf file, however I'm having issues with upload it. This is my code thus far

<input type="file" name="file" id="file">
<ion-button  onclick="uploadPDF()" name="submit">
  Upload File
</ion-button>


<script>
  function uploadPDF() {
  let data = document.getElementById("file").files[0];
  let entry = document.getElementById("file").files[0];
  console.log('uploadPDF',entry,data)
  fetch('uploads/' + encodeURIComponent(entry.name), {method:'PUT',body:data});
  alert('your file has been uploaded');
  location.reload();
};
</script>

When the upload file button is clicked a prompt should appear that says 'your file has been uploaded' however this does not occur

Cristopher Coronado · Accepted Answer · 2021-08-24 02:40:49Z

1

You have to use these two plugins:

You can upload the file to your server and then get the URL to view it in the app.

answered Aug 24, 2021 at 2:40

Cristopher Coronado

512 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to upload and view a PDF file in angular using Ionic?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related