How to download doc, excel or pdf files using Javascript?

Dung Do Tien Mar 12 2021 275

I have a pdf path file, I want to download it directly after call API.

$.post(form.attr('action'), data, function (response) {
    if (response !== null && response.Success) {
        window.location.href = response.Data; // response.Data = "https://example.com/file/report.pdf"
    }
});

I use window.location.href but it does not work for me

Have 2 answer(s) found.
  • D

    Dương Trang Quốc Mar 12 2021

    You can use <iframe> to help download file such as below: 

    <iframe id="your_iframe" style="display:none;"></iframe>
<script>
    function Download(url) {
        document.getElementById('your_iframe').src = url;
    };
    
    var url ="http://example.com/statics/file_name.pdf";
    Download(url);
    
</script>

    I hope it work for you.

  • N

    Nguyen Truong Giang Mar 12 2021

    I use as below it worked for me.

    window.open(your_url, '_blank');

Related Q&A May You Like

  1. Different between == and === operators in javascript
  2. How to debug logic errors in Javascript
  3. Explain different between return, break and continue keyword in Javascript
  4. How to many ways to convert string to number in Javascript
  5. What is different between Null and Undefined values in Javascript?
  6. How check if the variable is a number or not in javascript?
  7. How to destroy an instance of ckeditor 4
  8. How to set, get and delete a cookie in Javascript
  9. How to get the current scroll position in Javascript?
  10. What is difference between let and var keyword in javascript?
  11. Uncaught TypeError: Cannot read property 'createElement' of undefined in ReactJs
  12. how to capitalize for all first letters in javascript?
  13. ValueError: The truth value of an array with more than one element is ambiguous. Use a.any() or a.all() in Python
  14. Git error fatal: cannot do a partial commit during a merge
  15. How to generate whole sql database script in MySql Workbench
Leave An Answer
* NOTE: You need Login before leave an answer

* Type maximum 2000 characters.

* All comments have to wait approved before display.

* Please polite comment and respect questions and answers of others.

Most Quizs Popular

Start Test

Javascript - Functions
Start Test

Asp.Net Core - Exam test 01
Start Test

Asp.Net Core - Exam test 02
Start Test

C# - Level Beginner

Popular Tips

This site uses cookies so that we can remember you and understand how you interact with our website. This allows us to improve and customize your browsing experience. See our Cookies Policy.
X Close