-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (74 loc) · 4.26 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>自助打印</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="containerall">
<h1>PDF自助打印</h1>
<div class="container">
<div id="functionArea">
<button class="button" onclick="togglePrintingOptions()">只需要上传文件点这切换</button>
<div id="printingOptions">
<h2>PDF自助打印区</h2>
<h3>黑白0.1/面 彩色0.5/面 黑白双面7.5折<br><span style="color: red;">只支持PDF格式的文件打印</span><br>点击下面的框选择要打印的PDF</h3>
<form id="uploadForm" action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="fileInput" onchange="validateFileAndUpload()" class="button-style">
</form>
<!-- 预览对话框 -->
<div id="previewDialog" style="display: none;" class="dialog">
<iframe id="pdfPreview" width="100%" height="500px" zoom="10"></iframe>
<button id="closePreviewButton" class="button">关闭预览</button>
</div>
<button class="button" onclick="printFile()">黑白单面</button> <button class="button" onclick="printFile3()">黑白双面</button> <button class="button" onclick="printFile2()">彩色单面</button>
</div>
</div>
<div id="fileUploadArea" style="display: none;">
<h2>文件仅上传区</h2>
<h3><span style="color: red;">该页面只可以单纯的上传</span><br>但是可以上传多种格式的文档<br>点击下面的框选择要上传的文件</h3>
<form id="uploadForm2" action="" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="fileInput2" onchange="handleFileSelect(event)" class="button-style">
</form>
<button class="button" onclick="uploadFile()">确认仅上传</button>
</div>
</div>
<div>
<h4>QAQ，求求各位大佬赏口饭吃</h4>
<div class="button-container">
<button id="helpButton">用户帮助</button>
<button id="paymentButton">付款方式</button>
</div>
<div id="helpDialog" class="dialog">
<h3>用户须知</h3>
<p>为什么只能PDF？<br>因为Word等文件在不同的软件下<br>排版不一致，而PDF无视软硬件区别<br>而且Word可以简单导出为PDF<br><br>自助打印页面文件选择后就会自动上传<br>点击打印的选项就会自动开始打印<br>双面默认长边翻页，短边翻页请联系人工<br>打印后请前往区域拿东西<br><br>打印的文件将会在打印后立即删除或在<br>上传后的5分钟后自动删除以保证隐私性<br>仅上传的文件最久保留到次日凌晨4点<br><br>其它需求请在仅上传区上传，并联系人工<br>QQ号：example<br>微信号：example<br><br>Time to Time无人工</p>
<button id="closeHelpButton">我已了解</button>
</div>
<div id="paymentDialog" class="dialog">
<h3>扫码付款</h3>
<p>支付宝可手机免扫描<br>直接点击唤起</p>
<div class="payment-images">
<div class="payment-image">
<a href="https://qr.alipay.com/exmple" target="_blank">
<img src="b.jpg" alt="支付宝支付">
</a>
<p>支付宝支付</p>
</div>
<div class="payment-image">
<img src="a.jpg" alt="微信支付">
</a>
<p>微信支付</p>
</div>
</div>
<button id="closePaymentButton">退出</button>
</div>
<footer>
<p>Copyright © Year <a href="https://www.example.com" target="_blank">example</a> & <a href="https://chat.openai.com/" target="_blank">ChatGPT</a></p>
</footer>
</div>
</div>
<script src="script.js"></script>
</body>
</html>