我可以直接在窗口功能中使用保存按钮

时间:2016-08-24 06:40:08

标签: javascript jquery html

我有以下代码。当我点击'打印地图'按钮然后弹出窗口打开,其中有两个按钮' save'和'打印'。 当我点击' save'按钮它打开窗口以保存文件。

当我点击“打印地图”时,我想要的是什么?单击保存按钮后按钮然后窗口应该打开。



function PrintElem(elem)
{
    Popup($(elem).html());
}
function Popup(data) 
{
    var mywindow = window.open('', 'parent', '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;
}
&#13;
<script src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>
<body>
    <section>
        <div class="main_div">
            <div>
                <div class="nav_div">
                    <input type="button" value="Print Map"  onclick="PrintElem('.parent')" />
                </div>          
            </div>  
            <div class="parent">    
                    <h1>Hello All</h1>  
            </div>
        </div>
    </section>
</body>
             
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你能不能只在你的保存按钮上添加下载链接作为html - 这里真的看不到保存按钮 - 但如果你有目录,并且它总是相同的文件 - 你可以锚定保存像这样的按钮。

<a href="./directory/yourfile.pdf" download="newfilename">Save</a>

这将使用建议的名称&#34; newfilename&#34;保存文件。你也可以发出它,并使用pdf的服务器名称:

<a href="./directory/yourfile.pdf" download>Save</a>

这是一个HTML5功能,在旧的IE中不受支持,但它可能是一个建议。

希望它能解决你想要做的事情,但我可能会误解。