js打印小票(用iframe实现)

注意:js打印小票我知道的有俩种实现方式:iframe和window.open方式,因为window.open点击下载之后浏览器会自动新建网页,所以我用的是iframe 我用iframe的具体实现方式
本地在这里插入图片描述
应用场景点击详情页可看到交易数据然后点击打印小票
实现方式:iframe标签是在详情页A.jsp,然后新建B.jsp排版好小票内容再将所需要的数据从详情页A.jsp传到B.jsp
A.jsp:

function printdetails() {
	var url = "B.jsp?"+
	"submchname="+detaildata.sub_mch_name
	/* 后面拼数据即可*/		
	/*这是之前用window.open()实现的
    window.open(url,"补打小票","toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
    $("#content").find('.my-refresh-overlay').remove();
	$("#content").find('.my-showpanel').remove();
	*/
	$("#exportTarget").attr("src
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
实现二维码生成并打印,需要使用 C# 的 Web 开发技术和一些第三方库。 首先,我们需要使用 C# 的二维码生成库来生成二维码,这里我们使用 QRCoder 库。可以通过 NuGet 包管理器来安装该库。 接下来,我们需要在 Web 页面中生成二维码,并提供一个打印按钮,用户点击该按钮后可以将页面打印出来。这里我们可以使用 JavaScript 和 CSS 实现。 以下是一个简单的示例,实现了在 Web 页面中生成二维码并打印的功能: ```csharp using System; using System.Drawing; using System.IO; using System.Web.UI; using QRCoder; public partial class PrintPage : Page { protected void Page_Load(object sender, EventArgs e) { // 生成二维码 QRCodeGenerator qrGenerator = new QRCodeGenerator(); QRCodeData qrCodeData = qrGenerator.CreateQrCode("Hello World!", QRCodeGenerator.ECCLevel.Q); QRCode qrCode = new QRCode(qrCodeData); Bitmap qrCodeImage = qrCode.GetGraphic(5); // 将二维码保存为图片文件 string filePath = Server.MapPath("~/qrcode.png"); qrCodeImage.Save(filePath, System.Drawing.Imaging.ImageFormat.Png); // 在页面上显示二维码 imgQRCode.ImageUrl = "~/qrcode.png"; } protected void btnPrint_Click(object sender, EventArgs e) { // 打印当前页面 ClientScript.RegisterStartupScript(this.GetType(), "PrintOperation", "<script>window.print();</script>"); } } ``` 在上面的代码中,我们在 Page_Load 事件中生成了一个二维码,并将其保存为 PNG 图片文件。然后在页面上显示该图片。在按钮的 Click 事件中调用了 JavaScript 的 window.print() 方法,来实现打印当前页面的功能。 在页面上,我们需要添加一个 Image 控件来显示二维码,并添加一个按钮来触发打印操作: ```html <asp:Image ID="imgQRCode" runat="server" /> <asp:Button ID="btnPrint" runat="server" Text="打印" OnClick="btnPrint_Click" /> ``` 需要注意的是,该示例只是一个简单的实现,实际情况中可能需要更复杂的逻辑来生成小和二维码,并且需要考虑打印机的兼容性问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值