How to create a download file and not save it in server with javascript

Question

i have problem about how to create button which will downloading PDF file for one div.

i tried window.print() like this :

$(document).ready(function(){

        $('#printBtn').on('click',function(){
            window.print();
        });

    });

and save it as PDF file. i don't know other ways than that and i don't want to save it on server first.

Answer 1

You try direct download link with using a elements attribute download

<a href="/images/myw3schoolsimage.jpg" download>

---- OR ----

<button id="print" onclick="print('uname');" >Print</button>
<div id="uname">
<label>Name</label>
<label>Spider</label>
</div>

<button id="print" onclick="printContent('uname');" >Print</button>

    function print(e){var divToPrint=document.getElementById('e');

    var newWin=window.open('','Print-Window');

    newWin.document.open();

    newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');

    newWin.document.close();

    setTimeout(function(){
        newWin.close();
    },10);
}

Demo Here

How to create a download file and not save it in server with javascript

Question

1 answers

solution1
0 2017-06-05 06:51:04

How to create a download file and not save it in server with javascript

Question

1 answers

solution1 0 2017-06-05 06:51:04

solution1
0 2017-06-05 06:51:04