Javascript 在MYSQL-ASP.NET中打印查询得到的范围图像

Javascript 在MYSQL-ASP.NET中打印查询得到的范围图像,javascript,mysql,asp.net,Javascript,Mysql,Asp.net,我需要打印一系列带查询的图像,范围可能很大,但打印时意味着选择是否要打印特定范围的鼻子图像,如果这与JavaScript或asp有关。净 <button name="printButton" id="printButton" type="button" class="btn btn-default" onclick= "printDiv('printableArea');" runat="server"> <

我需要打印一系列带查询的图像,范围可能很大,但打印时意味着选择是否要打印特定范围的鼻子图像,如果这与JavaScript或asp有关。净

  <button name="printButton" id="printButton" type="button" class="btn btn-default"  onclick= "printDiv('printableArea');" runat="server">
                                <span class="glyphicon glyphicon-print"></span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="panzoom">
                        <div id="printableArea">
                            <img src="img/descarga.jpg" alt="Visualización del original de la forma migratoria" class="img-responsive" runat="server">
                        </div>   
                    </div>
                </div>
            </div>
            </section>
        </div>
    </div>
</div>
<script type="text/javascript">
    function printDiv(divName) {
        var printContents = document.getElementById(divName).innerHTML;
        var originalContents = document.body.innerHTML;
        document.body.innerHTML = printContents;
        window.print();
        document.body.innerHTML = originalContents;
        window.onfocus = function () {
            window.close();
        }
        var $section = $('section').first();
        $section.find('.panzoom').panzoom({
            $zoomIn: $section.find(".zoom-in"),
            $zoomOut: $section.find(".zoom-out"),
            $zoomRange: $section.find(".zoom-range"),
            $reset: $section.find(".reset")
        });
    };
</script>

函数printDiv(divName){
var printContents=document.getElementById(divName).innerHTML;
var originalContents=document.body.innerHTML;
document.body.innerHTML=打印内容;
window.print();
document.body.innerHTML=原始内容;
window.onfocus=函数(){
window.close();
}
var$section=$('section').first();
$section.find('.panzoom').panzoom({
$zoomIn:$section.find(“.zoom-in”),
$zoomOut:$section.find(“.zoom-out”),
$zoomRange:$section.find(“.zoom range”),
$reset:$section.find(“.reset”)
});
};

由于您只能看到div中的图像被打印,所以我尝试在发送print时询问我是否要打印通过查询获得的所有内容,即从排名到排名或页面

在此图像中显示结果


图像显示在其他面板中,用户可以打印此图像,但我希望用户可以选择打印查询中找到的一系列图像。。。ie结果

您应该附加由服务器生成的HTML


无论如何,我不认为这是JS的问题。CSS可以解决您的问题-您应该了解
media=“print”
属性,该属性只能将CSS应用于打印的文档。我建议使用
display:none
属性生成所有div,并使用
media=“print”
覆盖以显示所有div。

您是否尝试解决此问题?如果你有,在你的问题中包括你的代码和研究,以显示哪些不适合你。如果没有,你应该先尝试自己解决它,然后在这里发布代码和研究。这也让别人更容易回答你的问题!我不完全理解你的问题:“我试着做的是,当你发送print时,问我是否想打印通过查询获得的所有信息”你打算怎么做?您将为用户提供什么设计或用户界面?所有图像的页面将是什么样子?您的服务器返回哪些图像?相关的asp.net代码是什么样子的?