vuejs download file from nodejs api - https://www.itsolutionstuff.com/post/how-to-download-file-using-axios-vue-jsexample.html

Thanks to https://www.itsolutionstuff.com/post/how-to-download-file-using-axios-vue-jsexample.html


<!DOCTYPE html>



<html>



<head>



    <title>How to Download File using Axios Vue JS? - ItSolutionStuff.com</title>



    <script src="https://cdn.jsdelivr.net/npm/vue"></script>



    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js" integrity="sha256-S1J4GVHHDMiirir9qsXWc8ZWw74PHHafpsHp5PXtjTs=" crossorigin="anonymous"></script>



</head>



<body>



  



<div id="app">



   



  <button @click="onClick()">DownLoad</button>



  



</div>



  



<script type="text/javascript">



   



    var app = new Vue({



      el: '#app',



      methods: {



          onClick() {



              axios({



                    url: 'http://localhost:8000/my.pdf',



                    method: 'GET',



                    responseType: 'blob',



                }).then((response) => {



                     var fileURL = window.URL.createObjectURL(new Blob([response.data]));



                     var fileLink = document.createElement('a');



   



                     fileLink.href = fileURL;



                     fileLink.setAttribute('download', 'file.pdf');



                     document.body.appendChild(fileLink);



   



                     fileLink.click();



                });



          }



      }



    })



  



</script>



  



</body>



</html>
Email Post

Comments

Post a Comment