前端pdf.js将pdf转为图片，尤其适合电子发票打印

写这个的原因就是打电子发票不方便，这个代码是纯js不需要后端服务直接将两张电子发票的pdf转为两张图片渲染到一张A4纸上面（完全不浪费，发票也不会变大），自动完成打印分页，点击打印即可。亲测可用所有电子发票。

	
		
		PDF文件转图片
		
		
		
		
		
	
		
		
		
			button {
				width: 120px;
				height: 30px;
				background: none;
				border: 1px solid #b1afaf;
				border-radius: 5px;
				font-size: 12px;
				font-weight: 1000;
				color: #384240;
				cursor: pointer;
				outline: none;
				margin: 0 0.5%
			}
			button:hover {
				background: #ccc;
			}
			#container {
				width: 65%;
				height: 75%;
				margin-top: 1%;
				border-radius: 2px;
				/*border: 2px solid #a29b9b;*/
			}
			.pdfInfos {
				margin: 0 2%;
			}
		
	
	
		

		    合并多个pdf为一个
			上一页
			下一页
			导出每一张图片
			打印
			选择多个pdf文件
			
		
		

			页码：
			文件名：
			文件大小：
		
		

			

			
	
	
			$("#pdf_tourl").click(function(){
			alert("可以使用PDF Arranger软件");
			});
			function wind_print(){
			$(".showdata").hide();
			$("#container").css("width","100%");
			$("#container").css("height","100%");
				window.print();
			 $(".showdata").show();
			 $("#container").css("width","65%");
			$("#container").css("height","75%");
			}
		var currentPages, totalPages //声明一个当前页码及总页数变量
		var scale = 2; //设置缩放比例，越大生成图片越清晰
		$('#chooseFile').change(function() {
			var pdfFilePath = $('#chooseFile').val();
			if (pdfFilePath) {
				//$("#imgloading").css('display', 'block');
				$("#container").empty(); //清空上一PDF文件展示图
				currentPages = 1; //重置当前页数
				totalPages = 0; //重置总页数
				debugger
				var filesdata = $('#chooseFile')[0].files; //jquery获取到文件 返回属性的值
				//文件大小
				var fileSize=0;
				for (let i = 0; i  10) {
						alert("文件大小不能>10M");
						return;
					}
				}
				if (filesdata.length === 1) {
					$("#fileName").text(filesdata[0].name);
				} else {
					$("#fileName").text(filesdata[0].name + "等 " + filesdata.length + " 个文件");
				}
				$("#fileSize").text(mb.toFixed(2) + "Mb");
				//reader.readAsDataURL(filesdata[0]); //将文件读取为 DataURL
				for (let j = 0; j