admin管理员组

文章数量:1334955

I have a text file in my system. I want print the contents of that text file using javascript/jquery. How can I do that. I have referred the Link. But it is simply printing from div. I need to use window.print() method. But how can I print the text file using javascript? Please guide me.

I have a text file in my system. I want print the contents of that text file using javascript/jquery. How can I do that. I have referred the Link. But it is simply printing from div. I need to use window.print() method. But how can I print the text file using javascript? Please guide me.

  • javascript
  • jquery
  • text
  • printing
Share Improve this question edited May 23, 2017 at 12:16 CommunityBot 11 silver badge asked Mar 29, 2016 at 4:12 SanthucoolSanthucool 1,7262 gold badges39 silver badges92 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 3

First open text file and print.

var w = window.open('yourfile.txt'); //Required full file path.
w.print();

Fiddle sample : https://jsfiddle/shree/91459gm9/

Fiddle don't found file but its open sample file and print window to print.

Use that code may solve your problem:-

<html>
<head>
<script type="text/javascript" src="http://jqueryjs.googlecode./files/jquery-1.3.1.min.js" > </script> 
<script type="text/javascript">

function PrintElem(event)
{
    var selectedFile = event.target.files[0];
    var reader = new FileReader();
    var result = document.getElementById("mydiv");
    reader.onload = function(event) {
        result.innerHTML = event.target.result;
    };
    reader.readAsText(selectedFile);
    console.log(selectedFile);
    //Popup($('#mydiv').html());
}
function Popup(elam) 
{
    //console.log($(elam).html());return false;
    var data = $(elam).html();
    var mywindow = window.open('', 'my div', 'height=400,width=600');
    mywindow.document.write('<html><head><title>my div</title>');
    /*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');
    mywindow.document.write('</head><body >');
    mywindow.document.write(data);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10

    mywindow.print();
    mywindow.close();

    return true;
}

</script>
</head>
<body>

<div id="mydiv">

</div>

<input type="file" onchange="PrintElem(event)">
<input type="button" value="Print Div" onclick="Popup('#mydiv')" />
</body>
</html>

i think you need back-end (php,rails,nodejs) support for reading file from puter and then display it on any HTML Block then Print this is most preferable way to print a file

you can use below syntax if you have back-end setup and file must be on your server

$(document).ready(function () {

 $("button").click(function () {
        $.ajax({
            url : "Content.txt",
            dataType: "text",
            success : function (result) {
                $("#container").html(result);
            }
        });
    });
});

本文标签： Print the contents of a text file using javascriptjqueryStack Overflow

版权声明：本文标题：Print the contents of a text file using javascriptjquery - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742320367a2452663.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。