\n\u4efb\u52a1\u72b6\u6001\u76d1\u63a7<\/p>\n<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/01\/20260128232630-697a9b2607fb1.png\")
<\/p>\n<\/p>\n
v1.3.0 (\u6700\u65b0) \u6700\u65b0\u4ee3\u7801 index.html<\/h2>\n
<!DOCTYPE html>
\n<html lang="zh-CN"><\/p>\n
<head>
\n <meta charset="UTF-8">
\n <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
\n <title>PDF\u6253\u5370\u670d\u52a1\u5668<\/title>
\n <style>
\n :root {
\n –primary-color: #4361ee;
\n –secondary-color: #3a0ca3;
\n –success-color: #2ecc71;
\n –error-color: #e74c3c;
\n –warning-color: #f39c12;
\n –info-color: #3498db;
\n –light-bg: #f8f9fa;
\n –dark-text: #333;
\n –light-text: #666;
\n –border-color: #ddd;
\n –shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
\n –shadow-hover: 0 8px 15px rgba(0, 0, 0, 0.15);
\n }<\/p>\n
* {
\n box-sizing: border-box;
\n margin: 0;
\n padding: 0;
\n -webkit-tap-highlight-color: transparent;
\n }<\/p>\n
body {
\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
\n line-height: 1.6;
\n color: var(–dark-text);
\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
\n min-height: 100vh;
\n padding: 10px;
\n overflow-x: hidden;
\n }<\/p>\n
.container {
\n max-width: 1200px;
\n margin: 0 auto;
\n background: rgba(255, 255, 255, 0.98);
\n border-radius: 12px;
\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
\n overflow: hidden;
\n }<\/p>\n
\/* \u79fb\u52a8\u7aef\u4f18\u5316\u5934\u90e8 *\/
\n header {
\n background: linear-gradient(135deg, var(–primary-color), var(–secondary-color));
\n color: white;
\n padding: 15px;
\n text-align: center;
\n border-bottom: 3px solid rgba(255, 255, 255, 0.2);
\n }<\/p>\n
.header-content h1 {
\n font-size: 1.6rem;
\n margin-bottom: 8px;
\n display: flex;
\n align-items: center;
\n justify-content: center;
\n gap: 8px;
\n flex-wrap: wrap;
\n }<\/p>\n
.header-content h1 i {
\n font-size: 1.4rem;
\n animation: pulse 2s infinite;
\n }<\/p>\n
@keyframes pulse {
\n 0% {
\n transform: scale(1);
\n }<\/p>\n
50% {
\n transform: scale(1.1);
\n }<\/p>\n
100% {
\n transform: scale(1);
\n }
\n }<\/p>\n
.header-content p {
\n font-size: 0.9rem;
\n opacity: 0.9;
\n line-height: 1.3;
\n }<\/p>\n
\/* \u79fb\u52a8\u7aef\u4e3b\u5185\u5bb9\u5e03\u5c40 – \u4fee\u590d\u4e0a\u4f20\u533a\u57df *\/
\n .main-content {
\n display: flex;
\n flex-direction: column;
\n gap: 15px;
\n padding: 15px;
\n background: var(–light-bg);
\n width: 100%;
\n overflow: hidden;
\n }<\/p>\n
@media (min-width: 768px) {
\n .main-content {
\n display: grid;
\n grid-template-columns: 1fr 1fr;
\n gap: 20px;
\n padding: 25px;
\n }<\/p>\n
.header-content h1 {
\n font-size: 2.2rem;
\n }<\/p>\n
.header-content p {
\n font-size: 1.1rem;
\n }<\/p>\n
header {
\n padding: 25px 30px;
\n }<\/p>\n
body {
\n padding: 15px;
\n }
\n }<\/p>\n
\/* \u5361\u7247\u4f18\u5316 – \u786e\u4fdd\u4e0d\u8d85\u51fa\u5bb9\u5668 *\/
\n .card {
\n background: white;
\n border-radius: 10px;
\n padding: 18px;
\n box-shadow: var(–shadow);
\n transition: all 0.3s ease;
\n border: 1px solid rgba(0, 0, 0, 0.05);
\n width: 100%;
\n max-width: 100%;
\n overflow: hidden;
\n }<\/p>\n
@media (min-width: 768px) {
\n .card {
\n padding: 25px;
\n border-radius: 12px;
\n }
\n }<\/p>\n
.card h2 {
\n color: var(–primary-color);
\n margin-bottom: 15px;
\n padding-bottom: 10px;
\n border-bottom: 2px solid var(–light-bg);
\n display: flex;
\n align-items: center;
\n gap: 8px;
\n font-size: 1.2rem;
\n word-break: break-word;
\n }<\/p>\n
@media (min-width: 768px) {
\n .card h2 {
\n font-size: 1.4rem;
\n margin-bottom: 20px;
\n padding-bottom: 12px;
\n }
\n }<\/p>\n
\/* \u8868\u5355\u7ec4\u4f18\u5316 – \u786e\u4fdd\u4e0d\u8d85\u51fa\u8fb9\u754c *\/
\n .form-group {
\n margin-bottom: 15px;
\n width: 100%;
\n max-width: 100%;
\n overflow: hidden;
\n }<\/p>\n
@media (min-width: 768px) {
\n .form-group {
\n margin-bottom: 20px;
\n }
\n }<\/p>\n
.form-group label {
\n display: block;
\n margin-bottom: 6px;
\n font-weight: 600;
\n color: var(–dark-text);
\n font-size: 0.9rem;
\n display: flex;
\n align-items: center;
\n gap: 5px;
\n width: 100%;
\n word-break: break-word;
\n }<\/p>\n
@media (min-width: 768px) {
\n .form-group label {
\n font-size: 1rem;
\n margin-bottom: 8px;
\n }
\n }<\/p>\n
.form-group label i {
\n color: var(–primary-color);
\n width: 16px;
\n text-align: center;
\n flex-shrink: 0;
\n }<\/p>\n
\/* \u6587\u4ef6\u8f93\u5165\u4f18\u5316 – \u4fee\u590d\u8d85\u51fa\u95ee\u9898 *\/
\n .file-input-wrapper {
\n position: relative;
\n display: flex;
\n align-items: center;
\n gap: 6px;
\n width: 100%;
\n max-width: 100%;
\n overflow: hidden;
\n }<\/p>\n
#pdfFile {
\n flex: 1;
\n min-width: 0;
\n padding: 10px;
\n border: 2px dashed var(–border-color);
\n border-radius: 6px;
\n background: white;
\n cursor: pointer;
\n transition: all 0.3s;
\n font-size: 0.85rem;
\n width: 100%;
\n max-width: 100%;
\n box-sizing: border-box;
\n }<\/p>\n
.file-name {
\n font-size: 0.8rem;
\n color: var(–light-text);
\n white-space: nowrap;
\n overflow: hidden;
\n text-overflow: ellipsis;
\n max-width: 120px;
\n flex-shrink: 0;
\n }<\/p>\n
@media (min-width: 768px) {
\n .file-name {
\n max-width: 180px;
\n font-size: 0.85rem;
\n }<\/p>\n
#pdfFile {
\n font-size: 0.9rem;
\n padding: 12px;
\n }
\n }<\/p>\n
.file-hint {
\n font-size: 0.75rem;
\n color: var(–light-text);
\n margin-top: 4px;
\n font-style: italic;
\n word-break: break-word;
\n }<\/p>\n
\/* \u6253\u5370\u673a\u9009\u62e9\u4f18\u5316 – \u786e\u4fdd\u4e0d\u8d85\u51fa *\/
\n .printer-select-wrapper {
\n display: flex;
\n gap: 6px;
\n align-items: center;
\n width: 100%;
\n max-width: 100%;
\n overflow: hidden;
\n }<\/p>\n
#printerSelect {
\n flex: 1;
\n min-width: 0;
\n padding: 10px;
\n border: 2px solid var(–border-color);
\n border-radius: 6px;
\n font-size: 0.9rem;
\n background: white;
\n cursor: pointer;
\n transition: all 0.3s;
\n -webkit-appearance: none;
\n appearance: none;
\n width: 100%;
\n max-width: 100%;
\n box-sizing: border-box;
\n }<\/p>\n
\/* \u89e6\u6478\u53cb\u597d\u7684\u6309\u94ae – \u786e\u4fdd\u4e0d\u8d85\u51fa *\/
\n .icon-btn, .primary-btn, .secondary-btn {
\n padding: 10px 12px;
\n background: var(–primary-color);
\n color: white;
\n border: none;
\n border-radius: 6px;
\n cursor: pointer;
\n transition: all 0.3s;
\n font-size: 0.9rem;
\n touch-action: manipulation;
\n min-height: 40px;
\n white-space: nowrap;
\n flex-shrink: 0;
\n }<\/p>\n
.icon-btn {
\n padding: 10px;
\n min-width: 40px;
\n display: flex;
\n align-items: center;
\n justify-content: center;
\n }<\/p>\n
.primary-btn {
\n padding: 14px 16px;
\n font-size: 1rem;
\n font-weight: 600;
\n width: 100%;
\n display: flex;
\n align-items: center;
\n justify-content: center;
\n gap: 8px;
\n box-shadow: 0 3px 10px rgba(67, 97, 238, 0.3);
\n }<\/p>\n
.secondary-btn {
\n padding: 8px 12px;
\n font-size: 0.85rem;
\n display: flex;
\n align-items: center;
\n gap: 5px;
\n background: white;
\n color: var(–primary-color);
\n border: 2px solid var(–primary-color);
\n }<\/p>\n
\/* \u89e6\u6478\u53cd\u9988 *\/
\n .icon-btn:active, .primary-btn:active, .secondary-btn:active {
\n transform: scale(0.98);
\n }<\/p>\n
\/* \u4efd\u6570\u8f93\u5165\u4f18\u5316 *\/
\n #copies {
\n width: 80px;
\n padding: 10px;
\n border: 2px solid var(–border-color);
\n border-radius: 6px;
\n font-size: 0.9rem;
\n text-align: center;
\n min-height: 40px;
\n box-sizing: border-box;
\n }<\/p>\n
@media (min-width: 768px) {
\n #copies {
\n width: 100px;
\n }
\n }<\/p>\n
\/* \u4efb\u52a1\u5217\u8868\u4f18\u5316 *\/
\n .task-controls {
\n display: flex;
\n gap: 6px;
\n margin-bottom: 12px;
\n flex-wrap: wrap;
\n width: 100%;
\n }<\/p>\n
.task-list {
\n min-height: 160px;
\n max-height: 300px;
\n overflow-y: auto;
\n background: #fafafa;
\n border-radius: 6px;
\n padding: 8px;
\n border: 1px solid #eee;
\n width: 100%;
\n }<\/p>\n
.task-item {
\n padding: 10px;
\n margin-bottom: 6px;
\n background: white;
\n border-radius: 6px;
\n border-left: 3px solid var(–primary-color);
\n display: flex;
\n justify-content: space-between;
\n align-items: center;
\n transition: all 0.2s;
\n animation: slideIn 0.3s ease;
\n width: 100%;
\n max-width: 100%;
\n overflow: hidden;
\n box-sizing: border-box;
\n }<\/p>\n
@media (min-width: 768px) {
\n .task-item {
\n padding: 12px;
\n margin-bottom: 8px;
\n }
\n }<\/p>\n
.task-info {
\n flex: 1;
\n padding-right: 8px;
\n min-width: 0;
\n overflow: hidden;
\n }<\/p>\n
.task-filename {
\n font-weight: 600;
\n color: var(–dark-text);
\n margin-bottom: 4px;
\n font-size: 0.85rem;
\n word-break: break-word;
\n overflow: hidden;
\n text-overflow: ellipsis;
\n display: -webkit-box;
\n -webkit-line-clamp: 2;
\n -webkit-box-orient: vertical;
\n }<\/p>\n
.task-details {
\n font-size: 0.75rem;
\n color: var(–light-text);
\n display: flex;
\n gap: 8px;
\n flex-wrap: wrap;
\n }<\/p>\n
\/* \u4fe1\u606f\u6846\u4f18\u5316 *\/
\n .info-box {
\n background: white;
\n border-radius: 10px;
\n padding: 18px;
\n margin: 0 12px 15px;
\n box-shadow: var(–shadow);
\n border: 1px solid rgba(0, 0, 0, 0.05);
\n width: calc(100% – 24px);
\n max-width: 100%;
\n overflow: hidden;
\n }<\/p>\n
@media (min-width: 768px) {
\n .info-box {
\n padding: 25px;
\n margin: 0 20px 25px;
\n border-radius: 12px;
\n width: calc(100% – 40px);
\n }
\n }<\/p>\n
.info-box h3 {
\n color: var(–primary-color);
\n margin-bottom: 12px;
\n font-size: 1.1rem;
\n display: flex;
\n align-items: center;
\n gap: 6px;
\n word-break: break-word;
\n }<\/p>\n
@media (min-width: 768px) {
\n .info-box h3 {
\n font-size: 1.25rem;
\n margin-bottom: 15px;
\n }
\n }<\/p>\n
.info-box ol {
\n padding-left: 18px;
\n margin-bottom: 15px;
\n }<\/p>\n
.info-box li {
\n margin-bottom: 6px;
\n line-height: 1.5;
\n font-size: 0.9rem;
\n word-break: break-word;
\n }<\/p>\n
@media (min-width: 768px) {
\n .info-box li {
\n margin-bottom: 8px;
\n line-height: 1.6;
\n font-size: 0.95rem;
\n }
\n }<\/p>\n
\/* \u670d\u52a1\u5668\u4fe1\u606f\u4f18\u5316 *\/
\n .server-info {
\n background: linear-gradient(135deg, #f8f9fa, #e9ecef);
\n padding: 12px;
\n border-radius: 6px;
\n margin-bottom: 12px;
\n border: 1px solid #dee2e6;
\n width: 100%;
\n overflow: hidden;
\n }<\/p>\n
@media (min-width: 768px) {
\n .server-info {
\n padding: 15px;
\n margin-bottom: 15px;
\n }
\n }<\/p>\n
.info-row {
\n display: flex;
\n justify-content: space-between;
\n align-items: center;
\n padding: 5px 0;
\n border-bottom: 1px dashed #dee2e6;
\n font-size: 0.85rem;
\n width: 100%;
\n flex-wrap: wrap;
\n }<\/p>\n
.info-row:last-child {
\n border-bottom: none;
\n }<\/p>\n
\/* \u54cd\u5e94\u5f0f\u5de5\u5177\u63d0\u793a *\/
\n .mobile-tip {
\n display: block;
\n font-size: 0.75rem;
\n color: var(–info-color);
\n background: rgba(52, 152, 219, 0.1);
\n padding: 5px 8px;
\n border-radius: 4px;
\n margin-top: 4px;
\n border-left: 3px solid var(–info-color);
\n word-break: break-word;
\n }<\/p>\n
@media (min-width: 768px) {
\n .mobile-tip {
\n display: none;
\n }
\n }<\/p>\n
\/* \u6eda\u52a8\u6761\u4f18\u5316 *\/
\n .task-list::-webkit-scrollbar {
\n width: 5px;
\n }<\/p>\n
.task-list::-webkit-scrollbar-track {
\n background: #f1f1f1;
\n border-radius: 4px;
\n }<\/p>\n
.task-list::-webkit-scrollbar-thumb {
\n background: var(–primary-color);
\n border-radius: 4px;
\n }<\/p>\n
\/* \u79fb\u52a8\u7aef\u4e0b\u62c9\u83dc\u5355\u4f18\u5316 *\/
\n select {
\n font-size: 16px; \/* \u9632\u6b62iOS\u7f29\u653e *\/
\n }<\/p>\n
\/* \u89e6\u6478\u8bbe\u5907\u60ac\u505c\u72b6\u6001\u4fee\u590d *\/
\n @media (hover: none) {
\n .card:hover {
\n transform: none;
\n box-shadow: var(–shadow);
\n }<\/p>\n
.icon-btn:hover, .primary-btn:hover, .secondary-btn:hover {
\n transform: none;
\n }
\n }<\/p>\n
\/* \u786e\u4fdd\u957f\u6309\u4e0d\u4f1a\u51fa\u73b0\u6587\u672c\u9009\u62e9 *\/
\n .no-select {
\n -webkit-user-select: none;
\n -moz-user-select: none;
\n -ms-user-select: none;
\n user-select: none;
\n }<\/p>\n
\/* \u8bbe\u7f6e\u4fe1\u606f\u6837\u5f0f *\/
\n .settings-info {
\n background: linear-gradient(135deg, #e3f2fd, #bbdefb);
\n padding: 10px;
\n border-radius: 6px;
\n margin: 12px 0;
\n border-left: 3px solid #2196f3;
\n font-size: 0.85rem;
\n color: #1565c0;
\n display: flex;
\n align-items: center;
\n gap: 6px;
\n width: 100%;
\n box-sizing: border-box;
\n }<\/p>\n
.printer-hint {
\n font-size: 0.8rem;
\n color: var(–info-color);
\n margin-top: 6px;
\n padding: 6px 8px;
\n background: rgba(52, 152, 219, 0.1);
\n border-radius: 4px;
\n border-left: 3px solid var(–info-color);
\n word-break: break-word;
\n }<\/p>\n
.copies-hint {
\n font-size: 0.75rem;
\n color: var(–light-text);
\n margin-top: 4px;
\n }<\/p>\n
\/* \u6d88\u606f\u6846\u52a8\u753b *\/
\n .message {
\n padding: 10px;
\n border-radius: 6px;
\n margin-top: 10px;
\n font-weight: 500;
\n display: none;
\n border-left: 3px solid;
\n animation: slideIn 0.3s ease;
\n font-size: 0.9rem;
\n word-break: break-word;
\n width: 100%;
\n box-sizing: border-box;
\n }<\/p>\n
@keyframes slideIn {
\n from {
\n opacity: 0;
\n transform: translateY(-8px);
\n }<\/p>\n
to {
\n opacity: 1;
\n transform: translateY(0);
\n }
\n }<\/p>\n
.message.success {
\n background-color: #d4edda;
\n color: #155724;
\n border-color: var(–success-color);
\n display: block;
\n }<\/p>\n
.message.error {
\n background-color: #f8d7da;
\n color: #721c24;
\n border-color: var(–error-color);
\n display: block;
\n }<\/p>\n
.message.info {
\n background-color: #d1ecf1;
\n color: #0c5460;
\n border-color: var(–info-color);
\n display: block;
\n }<\/p>\n
\/* \u8bbe\u7f6e\u7ba1\u7406\u4f18\u5316 *\/
\n .settings-manage {
\n background: #f8f9fa;
\n padding: 12px;
\n border-radius: 6px;
\n margin-top: 12px;
\n border: 1px solid #dee2e6;
\n width: 100%;
\n box-sizing: border-box;
\n }<\/p>\n
.settings-manage h4 {
\n color: var(–primary-color);
\n margin-bottom: 10px;
\n display: flex;
\n align-items: center;
\n gap: 5px;
\n font-size: 0.95rem;
\n }<\/p>\n
.settings-actions {
\n display: flex;
\n gap: 6px;
\n margin-bottom: 10px;
\n flex-wrap: wrap;
\n }<\/p>\n
.settings-note {
\n font-size: 0.8rem;
\n color: var(–light-text);
\n margin-top: 8px;
\n padding: 6px 8px;
\n background: rgba(67, 97, 238, 0.05);
\n border-radius: 4px;
\n border-left: 3px solid var(–primary-color);
\n line-height: 1.4;
\n word-break: break-word;
\n }<\/p>\n
\/* \u6545\u969c\u6392\u9664\u4f18\u5316 *\/
\n .troubleshooting {
\n background: #fff3cd;
\n padding: 10px;
\n border-radius: 6px;
\n border: 1px solid #ffeaa7;
\n width: 100%;
\n box-sizing: border-box;
\n }<\/p>\n
.troubleshooting h4 {
\n color: #856404;
\n margin-bottom: 6px;
\n display: flex;
\n align-items: center;
\n gap: 5px;
\n font-size: 0.95rem;
\n }<\/p>\n
.troubleshooting ul {
\n padding-left: 16px;
\n }<\/p>\n
.troubleshooting li {
\n margin-bottom: 5px;
\n color: #856404;
\n font-size: 0.8rem;
\n word-break: break-word;
\n }<\/p>\n
\/* \u9875\u811a\u4f18\u5316 *\/
\n .footer {
\n text-align: center;
\n padding: 12px;
\n background: #f8f9fa;
\n color: var(–light-text);
\n border-top: 1px solid #e9ecef;
\n font-size: 0.8rem;
\n width: 100%;
\n box-sizing: border-box;
\n }<\/p>\n
.footer p {
\n margin: 3px 0;
\n word-break: break-word;
\n }<\/p>\n
\/* \u7a7a\u72b6\u6001 *\/
\n .empty-state {
\n text-align: center;
\n padding: 30px 15px;
\n color: var(–light-text);
\n }<\/p>\n
.empty-state i {
\n color: #ccc;
\n margin-bottom: 10px;
\n }<\/p>\n
.empty-state p {
\n font-size: 1rem;
\n margin-bottom: 4px;
\n }<\/p>\n
.empty-state small {
\n font-size: 0.85rem;
\n }<\/p>\n
\/* \u72b6\u6001\u6807\u7b7e *\/
\n .task-status {
\n padding: 5px 8px;
\n border-radius: 15px;
\n font-size: 0.7rem;
\n font-weight: 600;
\n text-transform: uppercase;
\n white-space: nowrap;
\n min-width: 70px;
\n text-align: center;
\n flex-shrink: 0;
\n }<\/p>\n
.status-queued {
\n background-color: #fff3cd;
\n color: #856404;
\n border: 1px solid #ffeaa7;
\n }<\/p>\n
.status-processing {
\n background-color: #d1ecf1;
\n color: #0c5460;
\n border: 1px solid #bee5eb;
\n }<\/p>\n
.status-completed {
\n background-color: #d4edda;
\n color: #155724;
\n border: 1px solid #c3e6cb;
\n }<\/p>\n
.status-failed {
\n background-color: #f8d7da;
\n color: #721c24;
\n border: 1px solid #f5c6cb;
\n }<\/p>\n
\/* \u8fdb\u5ea6\u6761 *\/
\n .progress-bar {
\n height: 8px;
\n background-color: #e0e0e0;
\n border-radius: 4px;
\n margin: 15px 0;
\n overflow: hidden;
\n display: none;
\n position: relative;
\n width: 100%;
\n }<\/p>\n
.progress-fill {
\n height: 100%;
\n background: linear-gradient(90deg, var(–primary-color), var(–success-color));
\n width: 0%;
\n transition: width 0.3s ease;
\n border-radius: 4px;
\n }<\/p>\n
\/* \u4fee\u590d\u79fb\u52a8\u7aef\u8f93\u5165\u6846\u805a\u7126\u65f6\u7684\u7f29\u653e\u95ee\u9898 *\/
\n @media screen and (max-width: 767px) {
\n input, select, textarea {
\n font-size: 16px !important;
\n }
\n }
\n <\/style>
\n <link rel="stylesheet" href="https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css">
\n<\/head><\/p>\n
<body>
\n <div class="container">
\n <header>
\n <div class="header-content">
\n <h1><i class="fas fa-print"><\/i> PDF\u6253\u5370\u670d\u52a1\u5668<\/h1>
\n <p>\u4e0a\u4f20PDF\u6587\u4ef6\u5e76\u901a\u8fc7\u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370<\/p>
\n <div class="mobile-tip">
\n <i class="fas fa-mobile-alt"><\/i> \u79fb\u52a8\u7aef\u4f18\u5316\u7248\u672c
\n <\/div>
\n <\/div>
\n <\/header><\/p>\n
<div class="main-content">
\n <!– \u4e0a\u4f20\u533a\u57df – \u5df2\u4fee\u590d\u663e\u793a\u95ee\u9898 –>
\n <div class="card" id="uploadCard">
\n <h2><i class="fas fa-upload"><\/i> \u4e0a\u4f20PDF\u6587\u4ef6<\/h2><\/p>\n
<div class="form-group">
\n <label for="pdfFile">\u9009\u62e9PDF\u6587\u4ef6:<\/label>
\n <div class="file-input-wrapper">
\n <input type="file" id="pdfFile" accept=".pdf" required>
\n <span class="file-name" id="fileName">\u672a\u9009\u62e9\u6587\u4ef6<\/span>
\n <\/div>
\n <div class="file-hint">\u6700\u5927\u652f\u6301 10MB，\u4ec5\u9650PDF\u683c\u5f0f<\/div>
\n <div class="mobile-tip">
\n <i class="fas fa-hand-pointer"><\/i> \u70b9\u51fb\u9009\u62e9\u6587\u4ef6
\n <\/div>
\n <\/div><\/p>\n
<div class="form-group">
\n <label for="printerSelect">
\n <i class="fas fa-print"><\/i> \u9009\u62e9\u6253\u5370\u673a:
\n <\/label>
\n <div class="printer-select-wrapper">
\n <select id="printerSelect" required>
\n <option value="">\u52a0\u8f7d\u4e2d…<\/option>
\n <\/select>
\n <button type="button" id="refreshPrinters" class="icon-btn" title="\u5237\u65b0\u6253\u5370\u673a\u5217\u8868">
\n <i class="fas fa-sync-alt"><\/i>
\n <\/button>
\n <\/div>
\n <div class="printer-hint">
\n <i class="fas fa-info-circle"><\/i> \u6253\u5370\u673a\u5217\u8868\u4f1a\u81ea\u52a8\u4ece\u670d\u52a1\u5668\u83b7\u53d6
\n <\/div>
\n <div class="mobile-tip">
\n <i class="fas fa-arrow-down"><\/i> \u70b9\u51fb\u4e0b\u62c9\u9009\u62e9\u6253\u5370\u673a
\n <\/div>
\n <\/div><\/p>\n
<div class="form-group">
\n <label for="copies">
\n <i class="fas fa-copy"><\/i> \u6253\u5370\u4efd\u6570:
\n <\/label>
\n <input type="number" id="copies" min="1" max="100" value="1" required>
\n <div class="copies-hint">\u8303\u56f4: 1 – 100<\/div>
\n <\/div><\/p>\n
<div class="settings-info">
\n <i class="fas fa-save"><\/i> \u8bbe\u7f6e\u4f1a\u81ea\u52a8\u4fdd\u5b58，\u5237\u65b0\u9875\u9762\u540e\u4ecd\u7136\u6709\u6548
\n <\/div><\/p>\n
<button id="uploadBtn" class="primary-btn">
\n <i class="fas fa-cloud-upload-alt"><\/i> \u4e0a\u4f20\u5e76\u6253\u5370
\n <\/button><\/p>\n
<div id="uploadProgress" class="progress-bar">
\n <div class="progress-fill" style="width: 0%"><\/div>
\n <\/div><\/p>\n
<div id="message" class="message"><\/div>
\n <\/div><\/p>\n
<!– \u4efb\u52a1\u72b6\u6001\u533a\u57df –>
\n <div class="card" id="taskCard">
\n <h2><i class="fas fa-tasks"><\/i> \u6253\u5370\u4efb\u52a1\u72b6\u6001<\/h2><\/p>\n
<div class="task-controls">
\n <button id="clearCompleted" class="secondary-btn">
\n <i class="fas fa-trash-alt"><\/i> \u6e05\u9664\u5df2\u5b8c\u6210
\n <\/button>
\n <button id="refreshTasks" class="secondary-btn">
\n <i class="fas fa-sync-alt"><\/i> \u5237\u65b0\u72b6\u6001
\n <\/button>
\n <\/div><\/p>\n
<div id="taskStatus" class="task-list">
\n <div class="empty-state">
\n <i class="fas fa-inbox fa-3x"><\/i>
\n <p>\u6682\u65e0\u4efb\u52a1<\/p>
\n <small>\u4e0a\u4f20\u6587\u4ef6\u540e，\u4efb\u52a1\u5c06\u663e\u793a\u5728\u8fd9\u91cc<\/small>
\n <\/div>
\n <\/div>
\n <div class="mobile-tip">
\n <i class="fas fa-arrows-alt-v"><\/i> \u53ef\u4ee5\u4e0a\u4e0b\u6eda\u52a8\u67e5\u770b\u4efb\u52a1\u5217\u8868
\n <\/div>
\n <\/div>
\n <\/div><\/p>\n
<!– \u4fe1\u606f\u533a\u57df –>
\n <div class="info-box">
\n <h3><i class="fas fa-info-circle"><\/i> \u4f7f\u7528\u8bf4\u660e<\/h3>
\n <ol>
\n <li>\u786e\u4fdd\u60a8\u7684\u8bbe\u5907\u4e0e\u670d\u52a1\u5668\u5728\u540c\u4e00\u5c40\u57df\u7f51\u4e2d<\/li>
\n <li>\u9009\u62e9\u8981\u6253\u5370\u7684PDF\u6587\u4ef6（\u6700\u592710MB）<\/li>
\n <li><strong>\u9009\u62e9\u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u6253\u5370\u673a<\/strong><\/li>
\n <li>\u8bbe\u7f6e\u6253\u5370\u4efd\u6570（1-100）<\/li>
\n <li>\u70b9\u51fb"\u4e0a\u4f20\u5e76\u6253\u5370"\u6309\u94ae<\/li>
\n <li>\u6253\u5370\u5b8c\u6210\u540e，\u4e34\u65f6\u6587\u4ef6\u4f1a\u81ea\u52a8\u5220\u9664<\/li>
\n <\/ol><\/p>\n
<div class="server-info">
\n <div class="info-row">
\n <strong><i class="fas fa-network-wired"><\/i> \u670d\u52a1\u5668\u5730\u5740:<\/strong>
\n <span id="serverAddress">\u83b7\u53d6\u4e2d…<\/span>
\n <\/div>
\n <div class="info-row">
\n <strong><i class="fas fa-desktop"><\/i> \u7cfb\u7edf:<\/strong>
\n <span id="systemInfo">\u68c0\u6d4b\u4e2d…<\/span>
\n <\/div>
\n <div class="info-row">
\n <strong><i class="fas fa-print"><\/i> \u6253\u5370\u673a\u72b6\u6001:<\/strong>
\n <span id="printerStatus">\u672a\u77e5<\/span>
\n <\/div>
\n <\/div><\/p>\n
<div class="settings-manage">
\n <h4><i class="fas fa-cog"><\/i> \u8bbe\u7f6e\u7ba1\u7406<\/h4>
\n <div class="settings-actions">
\n <button id="showSettings" class="secondary-btn">
\n <i class="fas fa-eye"><\/i> \u67e5\u770b\u5f53\u524d\u8bbe\u7f6e
\n <\/button>
\n <button id="clearSettings" class="secondary-btn">
\n <i class="fas fa-broom"><\/i> \u6e05\u9664\u4fdd\u5b58\u7684\u8bbe\u7f6e
\n <\/button>
\n <\/div>
\n <p class="settings-note">
\n <i class="fas fa-info-circle"><\/i>
\n \u60a8\u7684\u6253\u5370\u8bbe\u7f6e（\u6253\u5370\u673a\u548c\u4efd\u6570）\u4f1a\u81ea\u52a8\u4fdd\u5b58\u5230\u6d4f\u89c8\u5668\u4e2d，\u5237\u65b0\u9875\u9762\u540e\u4ecd\u7136\u6709\u6548\u3002
\n <\/p>
\n <\/div><\/p>\n
<div class="troubleshooting">
\n <h4><i class="fas fa-tools"><\/i> \u5e38\u89c1\u95ee\u9898\u89e3\u51b3<\/h4>
\n <ul>
\n <li><strong>Windows\u7528\u6237:<\/strong> \u8bf7\u786e\u4fdd\u5df2\u5b89\u88c5SumatraPDF，\u6216\u4fee\u6539\u4ee3\u7801\u4f7f\u7528\u5176\u4ed6PDF\u6253\u5370\u5de5\u5177<\/li>
\n <li><strong>\u6253\u5370\u673a\u672a\u5217\u51fa:<\/strong> \u786e\u4fdd\u6253\u5370\u673a\u5df2\u8fde\u63a5\u5e76\u5b89\u88c5\u9a71\u52a8<\/li>
\n <li><strong>\u6253\u5370\u5931\u8d25:<\/strong> \u68c0\u67e5\u63a7\u5236\u53f0\u65e5\u5fd7，\u786e\u8ba4\u6253\u5370\u673a\u72b6\u6001<\/li>
\n <li><strong>\u8bbe\u7f6e\u4e0d\u4fdd\u5b58:<\/strong> \u68c0\u67e5\u6d4f\u89c8\u5668\u662f\u5426\u7981\u7528\u4e86localStorage<\/li>
\n <\/ul>
\n <\/div>
\n <\/div><\/p>\n
<div class="footer">
\n <p>PDF\u6253\u5370\u670d\u52a1\u5668 v1.3 | \u79fb\u52a8\u7aef\u4f18\u5316\u7248<\/p>
\n <p>Powered by FastAPI & Python<\/p>
\n <p><i class="fas fa-save"><\/i> \u8bbe\u7f6e\u81ea\u52a8\u4fdd\u5b58\u529f\u80fd\u5df2\u542f\u7528<\/p>
\n <p><i class="fas fa-mobile-alt"><\/i> \u79fb\u52a8\u7aef\u4f18\u5316\u7248\u672c<\/p>
\n <\/div>
\n <\/div><\/p>\n
<script>
\n document.addEventListener('DOMContentLoaded', function () {
\n \/\/ \u83b7\u53d6DOM\u5143\u7d20
\n const pdfFileInput = document.getElementById('pdfFile');
\n const fileNameSpan = document.getElementById('fileName');
\n const printerSelect = document.getElementById('printerSelect');
\n const refreshPrintersBtn = document.getElementById('refreshPrinters');
\n const copiesInput = document.getElementById('copies');
\n const uploadBtn = document.getElementById('uploadBtn');
\n const uploadProgress = document.getElementById('uploadProgress');
\n const progressFill = document.querySelector('.progress-fill');
\n const messageDiv = document.getElementById('message');
\n const taskStatusDiv = document.getElementById('taskStatus');
\n const serverAddressSpan = document.getElementById('serverAddress');
\n const systemInfoSpan = document.getElementById('systemInfo');
\n const printerStatusSpan = document.getElementById('printerStatus');
\n const clearCompletedBtn = document.getElementById('clearCompleted');
\n const refreshTasksBtn = document.getElementById('refreshTasks');
\n const showSettingsBtn = document.getElementById('showSettings');
\n const clearSettingsBtn = document.getElementById('clearSettings');<\/p>\n
\/\/ \u8bbe\u7f6e\u670d\u52a1\u5668\u4fe1\u606f
\n const serverUrl = `${window.location.protocol}\/\/${window.location.hostname}:${window.location.port}`;
\n serverAddressSpan.textContent = serverUrl;<\/p>\n
\/\/ \u5b58\u50a8\u4efb\u52a1\u5217\u8868
\n let tasks = [];<\/p>\n
\/\/ \u8bbe\u7f6e\u952e\u540d
\n const SETTINGS_KEY = 'pdfPrintSettings';<\/p>\n
\/\/ \u4fdd\u5b58\u8bbe\u7f6e\u5230localStorage
\n function saveSettings() {
\n const settings = {
\n printer: printerSelect.value,
\n copies: copiesInput.value,
\n lastSaved: new Date().toISOString()
\n };
\n localStorage.setItem(SETTINGS_KEY, JSON.stringify(settings));
\n console.log('\u8bbe\u7f6e\u5df2\u4fdd\u5b58:', settings);
\n }<\/p>\n
\/\/ \u4ecelocalStorage\u52a0\u8f7d\u8bbe\u7f6e
\n function loadSettings() {
\n try {
\n const savedSettings = localStorage.getItem(SETTINGS_KEY);
\n if (savedSettings) {
\n const settings = JSON.parse(savedSettings);
\n console.log('\u52a0\u8f7d\u4fdd\u5b58\u7684\u8bbe\u7f6e:', settings);
\n return settings;
\n }
\n } catch (error) {
\n console.error('\u52a0\u8f7d\u8bbe\u7f6e\u5931\u8d25:', error);
\n }
\n return null;
\n }<\/p>\n
\/\/ \u6e05\u9664\u4fdd\u5b58\u7684\u8bbe\u7f6e
\n function clearSettings() {
\n localStorage.removeItem(SETTINGS_KEY);
\n showMessage('\u5df2\u6e05\u9664\u4fdd\u5b58\u7684\u8bbe\u7f6e', 'info');
\n console.log('\u8bbe\u7f6e\u5df2\u6e05\u9664');
\n }<\/p>\n
\/\/ \u5e94\u7528\u4fdd\u5b58\u7684\u8bbe\u7f6e
\n function applySavedSettings(settings) {
\n if (settings) {
\n \/\/ \u4fdd\u5b58\u7684\u6253\u5370\u673a\u4f1a\u5728\u6253\u5370\u673a\u5217\u8868\u52a0\u8f7d\u540e\u8bbe\u7f6e
\n \/\/ \u4fdd\u5b58\u7684\u4efd\u6570\u7acb\u5373\u8bbe\u7f6e
\n if (settings.copies) {
\n copiesInput.value = settings.copies;
\n }
\n }
\n }<\/p>\n
\/\/ \u83b7\u53d6\u7cfb\u7edf\u4fe1\u606f
\n async function fetchSystemInfo() {
\n try {
\n const response = await fetch('\/api\/health');
\n const data = await response.json();
\n systemInfoSpan.textContent = data.system;<\/p>\n
\/\/ \u68c0\u67e5\u4e0a\u4f20\u76ee\u5f55
\n if (data.upload_dir_exists) {
\n printerStatusSpan.textContent = '\u5c31\u7eea';
\n printerStatusSpan.style.color = 'var(–success-color)';
\n } else {
\n printerStatusSpan.textContent = '\u4e0a\u4f20\u76ee\u5f55\u7f3a\u5931';
\n printerStatusSpan.style.color = 'var(–error-color)';
\n }
\n } catch (error) {
\n systemInfoSpan.textContent = '\u672a\u77e5';
\n printerStatusSpan.textContent = '\u8fde\u63a5\u5931\u8d25';
\n printerStatusSpan.style.color = 'var(–error-color)';
\n }
\n }<\/p>\n
\/\/ \u83b7\u53d6\u53ef\u7528\u6253\u5370\u673a\u5217\u8868
\n async function fetchPrinters(showLoading = true) {
\n if (showLoading) {
\n printerSelect.innerHTML = '<option value="">\u52a0\u8f7d\u4e2d…<\/option>';
\n printerSelect.disabled = true;
\n refreshPrintersBtn.disabled = true;
\n }<\/p>\n
try {
\n const response = await fetch('\/api\/printers');
\n const data = await response.json();<\/p>\n
printerSelect.innerHTML = '';<\/p>\n
if (data.printers && data.printers.length > 0) {
\n data.printers.forEach(printer => {
\n const option = document.createElement('option');
\n option.value = printer;
\n option.textContent = printer;
\n printerSelect.appendChild(option);
\n });<\/p>\n
\/\/ \u5c1d\u8bd5\u5e94\u7528\u4fdd\u5b58\u7684\u6253\u5370\u673a\u8bbe\u7f6e
\n const savedSettings = loadSettings();
\n if (savedSettings && savedSettings.printer) {
\n \/\/ \u68c0\u67e5\u4fdd\u5b58\u7684\u6253\u5370\u673a\u662f\u5426\u5728\u5f53\u524d\u5217\u8868\u4e2d
\n const printerExists = data.printers.some(p => p === savedSettings.printer);
\n if (printerExists) {
\n printerSelect.value = savedSettings.printer;
\n showMessage(`\u5df2\u6062\u590d\u6253\u5370\u673a: ${savedSettings.printer}`, 'info');
\n }
\n }<\/p>\n
printerStatusSpan.textContent = `\u627e\u5230 ${data.printers.length} \u53f0\u6253\u5370\u673a`;
\n printerStatusSpan.style.color = 'var(–success-color)';
\n } else {
\n const option = document.createElement('option');
\n option.value = '';
\n option.textContent = '\u672a\u68c0\u6d4b\u5230\u6253\u5370\u673a';
\n printerSelect.appendChild(option);<\/p>\n
printerStatusSpan.textContent = '\u672a\u627e\u5230\u6253\u5370\u673a';
\n printerStatusSpan.style.color = 'var(–warning-color)';
\n }<\/p>\n
printerSelect.disabled = false;
\n refreshPrintersBtn.disabled = false;<\/p>\n
} catch (error) {
\n console.error('\u83b7\u53d6\u6253\u5370\u673a\u5931\u8d25:', error);
\n printerSelect.innerHTML = '<option value="">\u9519\u8bef<\/option>';
\n printerSelect.disabled = false;
\n refreshPrintersBtn.disabled = false;<\/p>\n
printerStatusSpan.textContent = '\u83b7\u53d6\u5931\u8d25';
\n printerStatusSpan.style.color = 'var(–error-color)';<\/p>\n
showMessage('\u65e0\u6cd5\u83b7\u53d6\u6253\u5370\u673a\u5217\u8868: ' + error.message, 'error');
\n }
\n }<\/p>\n
\/\/ \u6587\u4ef6\u9009\u62e9\u5904\u7406
\n pdfFileInput.addEventListener('change', function () {
\n if (this.files.length > 0) {
\n const file = this.files[0];
\n fileNameSpan.textContent = file.name;<\/p>\n
\/\/ \u9a8c\u8bc1\u6587\u4ef6\u7c7b\u578b\u548c\u5927\u5c0f
\n if (!file.name.toLowerCase().endsWith('.pdf')) {
\n showMessage('\u8bf7\u53ea\u9009\u62e9PDF\u6587\u4ef6', 'error');
\n this.value = '';
\n fileNameSpan.textContent = '\u672a\u9009\u62e9\u6587\u4ef6';
\n return;
\n }<\/p>\n
if (file.size > 10 * 1024 * 1024) {
\n showMessage('\u6587\u4ef6\u5927\u5c0f\u4e0d\u80fd\u8d85\u8fc710MB', 'error');
\n this.value = '';
\n fileNameSpan.textContent = '\u672a\u9009\u62e9\u6587\u4ef6';
\n return;
\n }<\/p>\n
showMessage(`\u5df2\u9009\u62e9: ${file.name} (${formatFileSize(file.size)})`, 'info');
\n } else {
\n fileNameSpan.textContent = '\u672a\u9009\u62e9\u6587\u4ef6';
\n }
\n });<\/p>\n
\/\/ \u6253\u5370\u673a\u9009\u62e9\u53d8\u5316\u65f6\u4fdd\u5b58\u8bbe\u7f6e
\n printerSelect.addEventListener('change', function () {
\n if (this.value) {
\n saveSettings();
\n }
\n });<\/p>\n
\/\/ \u4efd\u6570\u53d8\u5316\u65f6\u4fdd\u5b58\u8bbe\u7f6e
\n copiesInput.addEventListener('change', function () {
\n if (this.value) {
\n saveSettings();
\n }
\n });<\/p>\n
\/\/ \u6587\u4ef6\u5927\u5c0f\u683c\u5f0f\u5316
\n function formatFileSize(bytes) {
\n if (bytes === 0) return '0 Bytes';
\n const k = 1024;
\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];
\n const i = Math.floor(Math.log(bytes) \/ Math.log(k));
\n return parseFloat((bytes \/ Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
\n }<\/p>\n
\/\/ \u4e0a\u4f20\u6587\u4ef6
\n async function uploadFile() {
\n const file = pdfFileInput.files[0];
\n if (!file) {
\n showMessage('\u8bf7\u5148\u9009\u62e9PDF\u6587\u4ef6', 'error');
\n return;
\n }<\/p>\n
const printer = printerSelect.value;
\n if (!printer) {
\n showMessage('\u8bf7\u9009\u62e9\u6253\u5370\u673a', 'error');
\n return;
\n }<\/p>\n
const copies = parseInt(copiesInput.value) || 1;<\/p>\n
\/\/ \u51c6\u5907\u8868\u5355\u6570\u636e
\n const formData = new FormData();
\n formData.append('file', file);
\n formData.append('printer', printer);
\n formData.append('copies', copies);<\/p>\n
\/\/ \u663e\u793a\u8fdb\u5ea6\u6761
\n uploadProgress.style.display = 'block';
\n progressFill.style.width = '0%';
\n uploadBtn.disabled = true;
\n uploadBtn.innerHTML = '<i class="fas fa-spinner fa-spin"><\/i> \u4e0a\u4f20\u4e2d…';
\n hideMessage();<\/p>\n
\/\/ \u4fdd\u5b58\u8bbe\u7f6e（\u5728\u4e0a\u4f20\u524d）
\n saveSettings();<\/p>\n
try {
\n \/\/ \u4f7f\u7528XMLHttpRequest\u4ee5\u83b7\u53d6\u4e0a\u4f20\u8fdb\u5ea6
\n const xhr = new XMLHttpRequest();<\/p>\n
\/\/ \u8fdb\u5ea6\u4e8b\u4ef6
\n xhr.upload.addEventListener('progress', (e) => {
\n if (e.lengthComputable) {
\n const percent = (e.loaded \/ e.total) * 100;
\n progressFill.style.width = `${percent}%`;
\n }
\n });<\/p>\n
\/\/ \u5b8c\u6210\u4e8b\u4ef6
\n xhr.addEventListener('load', () => {
\n if (xhr.status === 200) {
\n const response = JSON.parse(xhr.responseText);
\n showMessage(`\u6587\u4ef6\u5df2\u63d0\u4ea4\u6253\u5370! \u4efb\u52a1ID: ${response.task_id}`, 'success');<\/p>\n
\/\/ \u6dfb\u52a0\u4efb\u52a1\u5230\u72b6\u6001\u5217\u8868
\n addTaskToList({
\n id: response.task_id,
\n filename: file.name,
\n printer: printer,
\n copies: copies,
\n status: response.status
\n });<\/p>\n
\/\/ \u6e05\u7a7a\u6587\u4ef6\u8f93\u5165
\n pdfFileInput.value = '';
\n fileNameSpan.textContent = '\u672a\u9009\u62e9\u6587\u4ef6';
\n \/\/ \u6ce8\u610f：\u4e0d\u91cd\u7f6e\u6253\u5370\u673a\u548c\u4efd\u6570，\u4fdd\u6301\u7528\u6237\u7684\u8bbe\u7f6e
\n } else {
\n const error = JSON.parse(xhr.responseText);
\n showMessage(`\u4e0a\u4f20\u5931\u8d25: ${error.detail || '\u670d\u52a1\u5668\u9519\u8bef'}`, 'error');
\n }
\n resetUploadButton();
\n });<\/p>\n
\/\/ \u9519\u8bef\u4e8b\u4ef6
\n xhr.addEventListener('error', () => {
\n showMessage('\u7f51\u7edc\u9519\u8bef，\u8bf7\u68c0\u67e5\u8fde\u63a5', 'error');
\n resetUploadButton();
\n });<\/p>\n
\/\/ \u53d1\u9001\u8bf7\u6c42
\n xhr.open('POST', '\/api\/upload');
\n xhr.send(formData);<\/p>\n
} catch (error) {
\n showMessage('\u4e0a\u4f20\u51fa\u9519: ' + error.message, 'error');
\n resetUploadButton();
\n }
\n }<\/p>\n
function resetUploadButton() {
\n uploadBtn.disabled = false;
\n uploadBtn.innerHTML = '<i class="fas fa-cloud-upload-alt"><\/i> \u4e0a\u4f20\u5e76\u6253\u5370';
\n uploadProgress.style.display = 'none';
\n progressFill.style.width = '0%';
\n }<\/p>\n
function showMessage(text, type) {
\n messageDiv.textContent = text;
\n messageDiv.className = `message ${type}`;
\n }<\/p>\n
function hideMessage() {
\n messageDiv.style.display = 'none';
\n }<\/p>\n
function addTaskToList(task) {
\n \/\/ \u79fb\u9664\u7a7a\u72b6\u6001\u63d0\u793a
\n if (taskStatusDiv.querySelector('.empty-state')) {
\n taskStatusDiv.innerHTML = '';
\n }<\/p>\n
\/\/ \u6dfb\u52a0\u5230\u4efb\u52a1\u6570\u7ec4
\n tasks.push(task);<\/p>\n
\/\/ \u521b\u5efa\u4efb\u52a1\u5143\u7d20
\n const taskElement = document.createElement('div');
\n taskElement.className = 'task-item';
\n taskElement.id = `task-${task.id}`;<\/p>\n
const statusClass = `status-${task.status}`;
\n let statusText = '';
\n let statusIcon = '';<\/p>\n
switch (task.status) {
\n case 'queued':
\n statusText = '\u6392\u961f\u4e2d';
\n statusIcon = '<i class="fas fa-clock"><\/i>';
\n break;
\n case 'processing':
\n statusText = '\u5904\u7406\u4e2d';
\n statusIcon = '<i class="fas fa-cog fa-spin"><\/i>';
\n break;
\n case 'completed':
\n statusText = '\u5df2\u5b8c\u6210';
\n statusIcon = '<i class="fas fa-check-circle"><\/i>';
\n break;
\n case 'failed':
\n statusText = '\u5931\u8d25';
\n statusIcon = '<i class="fas fa-exclamation-circle"><\/i>';
\n break;
\n default:
\n statusText = task.status;
\n statusIcon = '<i class="fas fa-question-circle"><\/i>';
\n }<\/p>\n
taskElement.innerHTML = `
\n <div class="task-info">
\n <div class="task-filename"><i class="fas fa-file-pdf"><\/i> ${task.filename}<\/div>
\n <div class="task-details">
\n <span><i class="fas fa-print"><\/i> ${task.printer}<\/span>
\n <span><i class="fas fa-copy"><\/i> ${task.copies}\u4efd<\/span>
\n <\/div>
\n <\/div>
\n <div class="task-status ${statusClass}">
\n ${statusIcon} ${statusText}
\n <\/div>
\n `;<\/p>\n
\/\/ \u6dfb\u52a0\u5230\u9876\u90e8
\n taskStatusDiv.insertBefore(taskElement, taskStatusDiv.firstChild);<\/p>\n
\/\/ \u5982\u679c\u4efb\u52a1\u8fd8\u5728\u8fdb\u884c\u4e2d，\u5f00\u59cb\u72b6\u6001\u68c0\u67e5
\n if (task.status === 'queued' || task.status === 'processing') {
\n setTimeout(() => checkTaskStatus(task.id), 3000);
\n }
\n }<\/p>\n
async function checkTaskStatus(taskId) {
\n try {
\n const response = await fetch(`\/api\/tasks\/${taskId}`);
\n const task = await response.json();<\/p>\n
\/\/ \u66f4\u65b0\u4efb\u52a1\u6570\u7ec4
\n const taskIndex = tasks.findIndex(t => t.id === taskId);
\n if (taskIndex !== -1) {
\n tasks[taskIndex] = { …tasks[taskIndex], …task };
\n }<\/p>\n
const taskElement = document.getElementById(`task-${taskId}`);
\n if (taskElement) {
\n const statusElement = taskElement.querySelector('.task-status');
\n const statusClass = `status-${task.status}`;
\n let statusText = '';
\n let statusIcon = '';<\/p>\n
switch (task.status) {
\n case 'queued':
\n statusText = '\u6392\u961f\u4e2d';
\n statusIcon = '<i class="fas fa-clock"><\/i>';
\n break;
\n case 'processing':
\n statusText = '\u5904\u7406\u4e2d';
\n statusIcon = '<i class="fas fa-cog fa-spin"><\/i>';
\n break;
\n case 'completed':
\n statusText = '\u5df2\u5b8c\u6210';
\n statusIcon = '<i class="fas fa-check-circle"><\/i>';
\n break;
\n case 'failed':
\n statusText = '\u5931\u8d25';
\n statusIcon = '<i class="fas fa-exclamation-circle"><\/i>';
\n break;
\n default:
\n statusText = task.status;
\n statusIcon = '<i class="fas fa-question-circle"><\/i>';
\n }<\/p>\n
statusElement.className = `task-status ${statusClass}`;
\n statusElement.innerHTML = `${statusIcon} ${statusText}`;<\/p>\n
\/\/ \u5982\u679c\u4efb\u52a1\u8fd8\u5728\u8fdb\u884c\u4e2d，\u7ee7\u7eed\u68c0\u67e5
\n if (task.status === 'queued' || task.status === 'processing') {
\n setTimeout(() => checkTaskStatus(taskId), 3000);
\n }
\n }
\n } catch (error) {
\n console.error('\u83b7\u53d6\u4efb\u52a1\u72b6\u6001\u5931\u8d25:', error);
\n }
\n }<\/p>\n
\/\/ \u6e05\u9664\u5df2\u5b8c\u6210\u4efb\u52a1
\n function clearCompletedTasks() {
\n const completedTasks = tasks.filter(t => t.status === 'completed' || t.status === 'failed');<\/p>\n
completedTasks.forEach(task => {
\n const taskElement = document.getElementById(`task-${task.id}`);
\n if (taskElement) {
\n taskElement.style.opacity = '0';
\n taskElement.style.transform = 'translateX(-20px)';
\n setTimeout(() => {
\n taskElement.remove();
\n }, 300);
\n }
\n });<\/p>\n
\/\/ \u66f4\u65b0\u4efb\u52a1\u6570\u7ec4
\n tasks = tasks.filter(t => t.status !== 'completed' && t.status !== 'failed');<\/p>\n
\/\/ \u5982\u679c\u6ca1\u6709\u4efb\u52a1\u4e86，\u663e\u793a\u7a7a\u72b6\u6001
\n if (tasks.length === 0) {
\n taskStatusDiv.innerHTML = `
\n <div class="empty-state">
\n <i class="fas fa-inbox fa-3x"><\/i>
\n <p>\u6682\u65e0\u4efb\u52a1<\/p>
\n <small>\u4e0a\u4f20\u6587\u4ef6\u540e，\u4efb\u52a1\u5c06\u663e\u793a\u5728\u8fd9\u91cc<\/small>
\n <\/div>
\n `;
\n }<\/p>\n
showMessage(`\u5df2\u6e05\u9664 ${completedTasks.length} \u4e2a\u4efb\u52a1`, 'info');
\n }<\/p>\n
\/\/ \u5237\u65b0\u6240\u6709\u4efb\u52a1\u72b6\u6001
\n function refreshAllTasks() {
\n tasks.forEach(task => {
\n if (task.status === 'queued' || task.status === 'processing') {
\n checkTaskStatus(task.id);
\n }
\n });
\n showMessage('\u4efb\u52a1\u72b6\u6001\u5df2\u5237\u65b0', 'info');
\n }<\/p>\n
\/\/ \u663e\u793a\u5f53\u524d\u4fdd\u5b58\u7684\u8bbe\u7f6e
\n function showSavedSettingsInfo() {
\n const settings = loadSettings();
\n if (settings) {
\n showMessage(`\u5df2\u4fdd\u5b58\u8bbe\u7f6e – \u6253\u5370\u673a: ${settings.printer || '\u672a\u8bbe\u7f6e'}, \u4efd\u6570: ${settings.copies || '\u672a\u8bbe\u7f6e'}`, 'info');
\n } else {
\n showMessage('\u5f53\u524d\u6ca1\u6709\u4fdd\u5b58\u7684\u8bbe\u7f6e', 'info');
\n }
\n }<\/p>\n
\/\/ \u4e8b\u4ef6\u76d1\u542c
\n uploadBtn.addEventListener('click', uploadFile);
\n refreshPrintersBtn.addEventListener('click', () => fetchPrinters(true));
\n clearCompletedBtn.addEventListener('click', clearCompletedTasks);
\n refreshTasksBtn.addEventListener('click', refreshAllTasks);
\n showSettingsBtn.addEventListener('click', showSavedSettingsInfo);
\n clearSettingsBtn.addEventListener('click', clearSettings);<\/p>\n
\/\/ \u9875\u9762\u52a0\u8f7d\u65f6\u83b7\u53d6\u6253\u5370\u673a\u5217\u8868\u548c\u7cfb\u7edf\u4fe1\u606f，\u5e76\u5e94\u7528\u4fdd\u5b58\u7684\u8bbe\u7f6e
\n fetchPrinters(false).then(() => {
\n \/\/ \u5728\u6253\u5370\u673a\u5217\u8868\u52a0\u8f7d\u540e，\u5e94\u7528\u4fdd\u5b58\u7684\u8bbe\u7f6e
\n const savedSettings = loadSettings();
\n if (savedSettings) {
\n applySavedSettings(savedSettings);
\n }
\n });
\n fetchSystemInfo();<\/p>\n
\/\/ \u6bcf30\u79d2\u5237\u65b0\u4e00\u6b21\u6253\u5370\u673a\u5217\u8868
\n setInterval(() => fetchPrinters(false), 30000);
\n });<\/p>\n
<\/script>
\n<\/body><\/p>\n
<\/html> <\/p>\n
FastApi\u4ee3\u7801:<\/h2>\n
import os
\nimport uuid
\nimport subprocess
\nimport platform
\nimport logging
\nimport time
\nfrom fastapi import FastAPI, UploadFile, File, Form, HTTPException
\nfrom fastapi.responses import HTMLResponse, JSONResponse
\nfrom fastapi.staticfiles import StaticFiles
\nfrom pathlib import Path
\nfrom typing import Optional
\nimport uvicorn
\nimport sys
\nfrom concurrent.futures import ThreadPoolExecutor
\nimport threading<\/p>\n
# \u914d\u7f6e\u65e5\u5fd7
\nlogging.basicConfig(level=logging.INFO, format='%(asctime)s – %(levelname)s – %(message)s')
\nlogger = logging.getLogger(__name__)<\/p>\n
app = FastAPI(title="PDF\u6253\u5370\u670d\u52a1\u5668", version="1.3.0")<\/p>\n
# \u521b\u5efa\u5fc5\u8981\u7684\u76ee\u5f55
\nUPLOAD_DIR = Path("uploads")
\nUPLOAD_DIR.mkdir(exist_ok=True)<\/p>\n
# \u6302\u8f7d\u9759\u6001\u6587\u4ef6\u76ee\u5f55
\napp.mount("\/static", StaticFiles(directory="static"), name="static")<\/p>\n
# \u5168\u5c40\u72b6\u6001\u5b58\u50a8\u4efb\u52a1\u4fe1\u606f
\ntasks = {}
\ntask_lock = threading.Lock()<\/p>\n
# \u7ebf\u7a0b\u6c60\u7528\u4e8e\u5f02\u6b65\u6267\u884c\u6253\u5370\u4efb\u52a1
\nexecutor = ThreadPoolExecutor(max_workers=3)<\/p>\n
def get_system_printers():
\n """\u83b7\u53d6\u7cfb\u7edf\u53ef\u7528\u7684\u6253\u5370\u673a\u5217\u8868"""
\n system = platform.system()
\n printers = []<\/p>\n
try:
\n if system == "Windows":
\n import win32print
\n # \u83b7\u53d6\u672c\u5730\u6253\u5370\u673a
\n printers_info = win32print.EnumPrinters(win32print.PRINTER_ENUM_LOCAL)
\n printers = [p[2] for p in printers_info]<\/p>\n
# \u83b7\u53d6\u7f51\u7edc\u6253\u5370\u673a（\u5982\u679c\u9700\u8981）
\n try:
\n network_printers = win32print.EnumPrinters(win32print.PRINTER_ENUM_CONNECTIONS)
\n network_printer_names = [p[2] for p in network_printers]
\n printers.extend(network_printer_names)
\n except:
\n pass<\/p>\n
elif system == "Linux":
\n # \u4f7f\u7528lpstat\u547d\u4ee4\u83b7\u53d6\u6253\u5370\u673a
\n result = subprocess.run(["lpstat", "-p"], capture_output=True, text=True, timeout=5)
\n for line in result.stdout.splitlines():
\n if line.startswith("printer"):
\n printer_name = line.split()[1]
\n # \u79fb\u9664"\u6253\u5370\u673a\u72b6\u6001"\u7b49\u540e\u7f00
\n if "disabled" in line:
\n printer_name = printer_name + " (\u5df2\u7981\u7528)"
\n printers.append(printer_name)<\/p>\n
elif system == "Darwin": # macOS
\n result = subprocess.run(["lpstat", "-p"], capture_output=True, text=True, timeout=5)
\n for line in result.stdout.splitlines():
\n if "printer" in line:
\n printer_name = line.split()[1]
\n printers.append(printer_name)<\/p>\n
except Exception as e:
\n logger.error(f"\u83b7\u53d6\u6253\u5370\u673a\u5217\u8868\u5931\u8d25: {e}")
\n # \u8fd4\u56de\u9ed8\u8ba4\u9009\u9879
\n return ["\u9ed8\u8ba4\u6253\u5370\u673a"]<\/p>\n
# \u53bb\u91cd\u5e76\u6392\u5e8f
\n printers = sorted(list(set(printers)))<\/p>\n
# \u5982\u679c\u6ca1\u6709\u627e\u5230\u6253\u5370\u673a，\u6dfb\u52a0\u9ed8\u8ba4\u9009\u9879
\n if not printers:
\n printers = ["\u9ed8\u8ba4\u6253\u5370\u673a"]<\/p>\n
return printers<\/p>\n
def print_pdf(file_path: str, printer_name: str = None, copies: int = 1):
\n """\u6253\u5370PDF\u6587\u4ef6 – \u6839\u636e\u5b98\u65b9\u6587\u6863\u4fee\u590d\u6253\u5370\u4efd\u6570\u8bbe\u7f6e"""
\n system = platform.system()
\n file_path = str(file_path)
\n logger.info(f"\u5f00\u59cb\u6253\u5370: \u6587\u4ef6={file_path}, \u6253\u5370\u673a={printer_name}, \u4efd\u6570={copies}")<\/p>\n
try:
\n if system == "Windows":
\n # \u68c0\u67e5SumatraPDF\u662f\u5426\u5b58\u5728
\n sumatra_paths = [
\n "SumatraPDF.exe", # \u5982\u679c\u5728PATH\u4e2d
\n r"C:\\\\Program Files\\\\SumatraPDF\\\\SumatraPDF.exe",
\n r"C:\\\\Program Files (x86)\\\\SumatraPDF\\\\SumatraPDF.exe",
\n r"C:\\\\Users\\\\Public\\\\Downloads\\\\SumatraPDF.exe"
\n ]<\/p>\n
sumatra_exe = None
\n for path in sumatra_paths:
\n if os.path.exists(path):
\n sumatra_exe = path
\n break<\/p>\n
if not sumatra_exe:
\n raise Exception("SumatraPDF\u672a\u627e\u5230，\u8bf7\u5148\u5b89\u88c5SumatraPDF")<\/p>\n
# \u6784\u5efa\u6253\u5370\u547d\u4ee4
\n cmd = [sumatra_exe]<\/p>\n
# \u5904\u7406\u6253\u5370\u673a\u540d\u79f0
\n if printer_name and printer_name != "\u9ed8\u8ba4\u6253\u5370\u673a":
\n # \u6e05\u7406\u6253\u5370\u673a\u540d\u79f0，\u79fb\u9664\u53ef\u80fd\u7684\u72b6\u6001\u540e\u7f00
\n clean_printer_name = printer_name.split(" (")[0]
\n cmd.extend(["-print-to", clean_printer_name])
\n logger.info(f"\u4f7f\u7528\u6307\u5b9a\u6253\u5370\u673a: {clean_printer_name}")
\n else:
\n # \u4f7f\u7528\u9ed8\u8ba4\u6253\u5370\u673a
\n cmd.extend(["-print-to-default"])
\n logger.info("\u4f7f\u7528\u9ed8\u8ba4\u6253\u5370\u673a")<\/p>\n
# \u6839\u636e\u5b98\u65b9\u6587\u6863\u4fee\u590d\u6253\u5370\u4efd\u6570\u8bbe\u7f6e
\n # -print-settings "3x" \u8868\u793a\u6253\u53703\u4efd
\n if copies > 1:
\n cmd.extend(["-print-settings", f"{copies}x"])
\n logger.info(f"\u8bbe\u7f6e\u6253\u5370\u4efd\u6570: {copies}x")<\/p>\n
# \u9759\u9ed8\u6a21\u5f0f，\u4e0d\u663e\u793a\u9519\u8bef\u4fe1\u606f
\n cmd.append("-silent")<\/p>\n
# \u6dfb\u52a0\u6587\u4ef6\u8def\u5f84
\n cmd.append(file_path)<\/p>\n
logger.info(f"\u6267\u884c\u6253\u5370\u547d\u4ee4: {' '.join(cmd)}")<\/p>\n
# \u6267\u884c\u6253\u5370
\n result = subprocess.run(cmd, capture_output=True, text=True, timeout=60)<\/p>\n
if result.returncode == 0:
\n logger.info(f"\u6253\u5370\u547d\u4ee4\u6267\u884c\u6210\u529f，\u4efd\u6570: {copies}")
\n return True
\n else:
\n error_msg = result.stderr or result.stdout
\n logger.error(f"\u6253\u5370\u5931\u8d25: {error_msg}")<\/p>\n
# \u5c1d\u8bd5\u5907\u7528\u65b9\u6848：\u4f7f\u7528print-dialog\u663e\u793a\u6253\u5370\u5bf9\u8bdd\u6846
\n logger.info(f"\u5c1d\u8bd5\u5907\u7528\u65b9\u6848：\u663e\u793a\u6253\u5370\u5bf9\u8bdd\u6846")
\n dialog_cmd = [sumatra_exe, "-print-dialog", "-exit-when-done", file_path]<\/p>\n
try:
\n dialog_result = subprocess.run(dialog_cmd, capture_output=True, text=True, timeout=30)
\n if dialog_result.returncode == 0:
\n logger.info(f"\u6253\u5370\u5bf9\u8bdd\u6846\u65b9\u6848\u6210\u529f")
\n return True
\n else:
\n raise Exception(f"\u6253\u5370\u5bf9\u8bdd\u6846\u4e5f\u5931\u8d25: {dialog_result.stderr}")
\n except Exception as dialog_error:
\n logger.error(f"\u6253\u5370\u5bf9\u8bdd\u6846\u65b9\u6848\u5931\u8d25: {dialog_error}")<\/p>\n
# \u6700\u7ec8\u65b9\u6848：\u591a\u6b21\u8c03\u7528\u6253\u5370\u547d\u4ee4
\n if copies > 1:
\n logger.info(f"\u5c1d\u8bd5\u6700\u7ec8\u65b9\u6848：\u5206{copies}\u6b21\u6253\u5370")
\n success_count = 0
\n for i in range(copies):
\n try:
\n logger.info(f"\u6253\u5370\u7b2c {i+1}\/{copies} \u4efd")
\n single_copy_cmd = cmd.copy()
\n # \u79fb\u9664\u4efd\u6570\u8bbe\u7f6e，\u53ea\u6253\u53701\u4efd
\n if f"{copies}x" in single_copy_cmd:
\n idx = single_copy_cmd.index(f"{copies}x")
\n single_copy_cmd.pop(idx-1) # \u79fb\u9664-print-settings
\n single_copy_cmd.pop(idx-1) # \u79fb\u9664\u4efd\u6570\u503c<\/p>\n
retry_result = subprocess.run(single_copy_cmd, capture_output=True, text=True, timeout=30)
\n if retry_result.returncode == 0:
\n success_count += 1
\n time.sleep(2) # \u6bcf\u6b21\u6253\u5370\u95f4\u96942\u79d2，\u907f\u514d\u6253\u5370\u673a\u8fc7\u8f7d
\n else:
\n logger.warning(f"\u7b2c {i+1} \u4efd\u6253\u5370\u5931\u8d25")
\n except Exception as e:
\n logger.warning(f"\u7b2c {i+1} \u4efd\u6253\u5370\u5f02\u5e38: {e}")<\/p>\n
if success_count > 0:
\n logger.info(f"\u6700\u7ec8\u65b9\u6848\u6210\u529f\u6253\u5370 {success_count}\/{copies} \u4efd")
\n return True
\n else:
\n raise Exception(f"\u6240\u6709\u6253\u5370\u5c1d\u8bd5\u90fd\u5931\u8d25: {error_msg}")
\n else:
\n raise Exception(f"\u6253\u5370\u5931\u8d25: {error_msg}")<\/p>\n
elif system == "Linux":
\n # Linux\u7cfb\u7edf\u4f7f\u7528lp\u547d\u4ee4
\n cmd = ["lp", "-n", str(copies)]<\/p>\n
if printer_name and printer_name != "\u9ed8\u8ba4\u6253\u5370\u673a":
\n # \u6e05\u7406\u6253\u5370\u673a\u540d\u79f0
\n clean_printer_name = printer_name.split(" (")[0]
\n cmd.extend(["-d", clean_printer_name])
\n logger.info(f"\u4f7f\u7528\u6307\u5b9a\u6253\u5370\u673a: {clean_printer_name}")
\n else:
\n logger.info("\u4f7f\u7528\u9ed8\u8ba4\u6253\u5370\u673a")<\/p>\n
cmd.append(file_path)<\/p>\n
logger.info(f"\u6267\u884c\u547d\u4ee4: {' '.join(cmd)}")<\/p>\n
result = subprocess.run(cmd, capture_output=True, text=True, timeout=60)<\/p>\n
if result.returncode == 0:
\n logger.info(f"\u6253\u5370\u4efb\u52a1\u5df2\u63d0\u4ea4，\u4efd\u6570: {copies}")
\n return True
\n else:
\n error_msg = result.stderr or result.stdout
\n logger.error(f"\u6253\u5370\u5931\u8d25: {error_msg}")
\n raise Exception(f"\u6253\u5370\u5931\u8d25: {error_msg}")<\/p>\n
elif system == "Darwin": # macOS
\n # macOS\u4e5f\u4f7f\u7528lp\u547d\u4ee4
\n cmd = ["lp", "-n", str(copies)]<\/p>\n
if printer_name and printer_name != "\u9ed8\u8ba4\u6253\u5370\u673a":
\n # \u6e05\u7406\u6253\u5370\u673a\u540d\u79f0
\n clean_printer_name = printer_name.split(" (")[0]
\n cmd.extend(["-d", clean_printer_name])
\n logger.info(f"\u4f7f\u7528\u6307\u5b9a\u6253\u5370\u673a: {clean_printer_name}")
\n else:
\n logger.info("\u4f7f\u7528\u9ed8\u8ba4\u6253\u5370\u673a")<\/p>\n
cmd.append(file_path)<\/p>\n
logger.info(f"\u6267\u884c\u547d\u4ee4: {' '.join(cmd)}")<\/p>\n
result = subprocess.run(cmd, capture_output=True, text=True, timeout=60)<\/p>\n
if result.returncode == 0:
\n logger.info(f"\u6253\u5370\u4efb\u52a1\u5df2\u63d0\u4ea4，\u4efd\u6570: {copies}")
\n return True
\n else:
\n error_msg = result.stderr or result.stdout
\n logger.error(f"\u6253\u5370\u5931\u8d25: {error_msg}")
\n raise Exception(f"\u6253\u5370\u5931\u8d25: {error_msg}")<\/p>\n
except subprocess.TimeoutExpired:
\n logger.error("\u6253\u5370\u547d\u4ee4\u6267\u884c\u8d85\u65f6")
\n raise Exception("\u6253\u5370\u547d\u4ee4\u6267\u884c\u8d85\u65f6，\u8bf7\u68c0\u67e5\u6253\u5370\u673a\u72b6\u6001")
\n except Exception as e:
\n logger.error(f"\u6253\u5370\u5f02\u5e38: {e}")
\n raise<\/p>\n
def process_print_task(task_id: str, file_path: Path, printer: str, copies: int, original_filename: str):
\n """\u5f02\u6b65\u5904\u7406\u6253\u5370\u4efb\u52a1"""
\n try:
\n logger.info(f"\u5f00\u59cb\u5904\u7406\u6253\u5370\u4efb\u52a1 {task_id}, \u4efd\u6570: {copies}")<\/p>\n
# \u66f4\u65b0\u4efb\u52a1\u72b6\u6001\u4e3a\u5904\u7406\u4e2d
\n with task_lock:
\n tasks[task_id]["status"] = "processing"
\n tasks[task_id]["started_at"] = time.strftime("%H:%M:%S")<\/p>\n
# \u6253\u5370\u6587\u4ef6
\n success = print_pdf(file_path, printer, copies)<\/p>\n
# \u66f4\u65b0\u4efb\u52a1\u72b6\u6001
\n with task_lock:
\n if success:
\n tasks[task_id]["status"] = "completed"
\n tasks[task_id]["copies_printed"] = copies
\n else:
\n tasks[task_id]["status"] = "failed"
\n tasks[task_id]["copies_printed"] = 0<\/p>\n
tasks[task_id]["completed_at"] = time.strftime("%H:%M:%S")
\n tasks[task_id]["success"] = success<\/p>\n
# \u6253\u5370\u5b8c\u6210\u540e\u5220\u9664\u6587\u4ef6
\n if os.path.exists(file_path):
\n try:
\n os.remove(file_path)
\n logger.info(f"\u4e34\u65f6\u6587\u4ef6\u5df2\u5220\u9664: {file_path}")
\n except Exception as e:
\n logger.warning(f"\u5220\u9664\u4e34\u65f6\u6587\u4ef6\u5931\u8d25: {e}")<\/p>\n
logger.info(f"\u6253\u5370\u4efb\u52a1 {task_id} \u5b8c\u6210，\u72b6\u6001: {'\u6210\u529f' if success else '\u5931\u8d25'}")<\/p>\n
except Exception as e:
\n logger.error(f"\u5904\u7406\u6253\u5370\u4efb\u52a1\u5931\u8d25: {e}")<\/p>\n
with task_lock:
\n tasks[task_id]["status"] = "failed"
\n tasks[task_id]["error"] = str(e)
\n tasks[task_id]["completed_at"] = time.strftime("%H:%M:%S")
\n tasks[task_id]["copies_printed"] = 0<\/p>\n
# \u786e\u4fdd\u6e05\u7406\u4e34\u65f6\u6587\u4ef6
\n if os.path.exists(file_path):
\n try:
\n os.remove(file_path)
\n logger.info(f"\u6e05\u7406\u4e34\u65f6\u6587\u4ef6: {file_path}")
\n except:
\n pass<\/p>\n
@app.get("\/", response_class=HTMLResponse)
\nasync def root():
\n """\u8fd4\u56de\u4e3b\u9875\u9762"""
\n try:
\n with open("static\/index.html", "r", encoding="utf-8") as f:
\n return HTMLResponse(content=f.read(), status_code=200)
\n except FileNotFoundError:
\n # \u5982\u679c\u9759\u6001\u6587\u4ef6\u4e0d\u5b58\u5728，\u8fd4\u56de\u4e00\u4e2a\u7b80\u5355\u7684\u91cd\u5b9a\u5411\u9875\u9762
\n return HTMLResponse(content="""
\n <!DOCTYPE html>
\n <html>
\n <head>
\n <meta charset="UTF-8">
\n <meta name="viewport" content="width=device-width, initial-scale=1.0">
\n <title>PDF\u6253\u5370\u670d\u52a1\u5668<\/title>
\n <style>
\n body { font-family: Arial, sans-serif; margin: 50px; text-align: center; }
\n h1 { color: #333; }
\n .info { background: #f0f8ff; padding: 20px; border-radius: 10px; margin: 20px auto; max-width: 600px; }
\n .error { color: red; font-weight: bold; }
\n <\/style>
\n <\/head>
\n <body>
\n <h1>PDF\u6253\u5370\u670d\u52a1\u5668<\/h1>
\n <div class="info">
\n <p class="error">\u9759\u6001\u6587\u4ef6\u76ee\u5f55\u672a\u627e\u5230<\/p>
\n <p>\u8bf7\u786e\u4fdd\u5df2\u7ecf\u521b\u5efa\u4e86 static\/index.html \u6587\u4ef6<\/p>
\n <p>\u6216\u8005\u76f4\u63a5\u4f7f\u7528API\u63a5\u53e3：<\/p>
\n <ul style="text-align: left; display: inline-block;">
\n <li>GET \/api\/printers – \u83b7\u53d6\u6253\u5370\u673a\u5217\u8868<\/li>
\n <li>POST \/api\/upload – \u4e0a\u4f20\u5e76\u6253\u5370PDF<\/li>
\n <li>GET \/api\/health – \u670d\u52a1\u5668\u5065\u5eb7\u68c0\u67e5<\/li>
\n <\/ul>
\n <\/div>
\n <\/body>
\n <\/html>
\n """, status_code=404)<\/p>\n
@app.get("\/api\/printers")
\nasync def get_printers():
\n """\u83b7\u53d6\u53ef\u7528\u6253\u5370\u673a\u5217\u8868"""
\n try:
\n printers = get_system_printers()
\n logger.info(f"\u83b7\u53d6\u5230\u6253\u5370\u673a\u5217\u8868: {printers}")
\n return {
\n "printers": printers,
\n "count": len(printers),
\n "system": platform.system(),
\n "sumatra_supported": platform.system() == "Windows"
\n }
\n except Exception as e:
\n logger.error(f"\u83b7\u53d6\u6253\u5370\u673a\u5217\u8868\u5931\u8d25: {e}")
\n return {
\n "printers": ["\u9ed8\u8ba4\u6253\u5370\u673a"],
\n "error": str(e),
\n "system": platform.system()
\n }<\/p>\n
@app.post("\/api\/upload")
\nasync def upload_pdf(
\n file: UploadFile = File(…, description="PDF\u6587\u4ef6"),
\n printer: Optional[str] = Form(None),
\n copies: int = Form(1, ge=1, le=100)
\n):
\n """\u4e0a\u4f20PDF\u6587\u4ef6\u5e76\u6dfb\u52a0\u5230\u6253\u5370\u961f\u5217"""
\n # \u9a8c\u8bc1\u6587\u4ef6\u7c7b\u578b
\n if not file.filename:
\n raise HTTPException(status_code=400, detail="\u672a\u9009\u62e9\u6587\u4ef6")<\/p>\n
if not file.filename.lower().endswith(".pdf"):
\n raise HTTPException(status_code=400, detail="\u53ea\u652f\u6301PDF\u6587\u4ef6，\u8bf7\u4e0a\u4f20PDF\u683c\u5f0f\u6587\u4ef6")<\/p>\n
# \u9a8c\u8bc1\u6587\u4ef6\u5927\u5c0f
\n content = await file.read()
\n file_size = len(content)
\n if file_size > 10 * 1024 * 1024: # 10MB\u9650\u5236
\n raise HTTPException(status_code=400, detail="\u6587\u4ef6\u5927\u5c0f\u4e0d\u80fd\u8d85\u8fc710MB")<\/p>\n
# \u91cd\u7f6e\u6587\u4ef6\u6307\u9488\u4ee5\u4fbf\u518d\u6b21\u8bfb\u53d6
\n await file.seek(0)<\/p>\n
# \u4fdd\u5b58\u6587\u4ef6
\n filename = f"{uuid.uuid4().hex}.pdf"
\n file_path = UPLOAD_DIR \/ filename<\/p>\n
try:
\n with open(file_path, "wb") as f:
\n content = await file.read()
\n f.write(content)<\/p>\n
logger.info(f"\u6587\u4ef6\u5df2\u4fdd\u5b58: {file_path}, \u539f\u59cb\u6587\u4ef6\u540d: {file.filename}, \u5927\u5c0f: {file_size}\u5b57\u8282, \u4efd\u6570: {copies}")<\/p>\n
# \u521b\u5efa\u4efb\u52a1ID
\n task_id = uuid.uuid4().hex
\n with task_lock:
\n tasks[task_id] = {
\n "id": task_id,
\n "status": "queued",
\n "filename": file.filename,
\n "printer": printer or "\u9ed8\u8ba4\u6253\u5370\u673a",
\n "copies": copies,
\n "file_size": file_size,
\n "created_at": time.strftime("%Y-%m-%d %H:%M:%S"),
\n "original_filename": file.filename
\n }<\/p>\n
# \u5f02\u6b65\u6267\u884c\u6253\u5370\u4efb\u52a1
\n executor.submit(process_print_task, task_id, file_path, printer, copies, file.filename)<\/p>\n
return {
\n "task_id": task_id,
\n "status": "queued",
\n "filename": file.filename,
\n "printer": printer or "\u9ed8\u8ba4\u6253\u5370\u673a",
\n "copies": copies,
\n "message": f"\u6587\u4ef6\u5df2\u4e0a\u4f20，\u6b63\u5728\u6392\u961f\u6253\u5370 {copies} \u4efd"
\n }<\/p>\n
except Exception as e:
\n logger.error(f"\u5904\u7406\u4e0a\u4f20\u6587\u4ef6\u5931\u8d25: {e}")
\n # \u786e\u4fdd\u6e05\u7406\u4e34\u65f6\u6587\u4ef6
\n if os.path.exists(file_path):
\n try:
\n os.remove(file_path)
\n except:
\n pass
\n raise HTTPException(status_code=500, detail=f"\u5904\u7406\u6587\u4ef6\u5931\u8d25: {str(e)}")<\/p>\n
@app.get("\/api\/tasks\/{task_id}")
\nasync def get_task_status(task_id: str):
\n """\u83b7\u53d6\u4efb\u52a1\u72b6\u6001"""
\n if task_id not in tasks:
\n raise HTTPException(status_code=404, detail="\u4efb\u52a1\u4e0d\u5b58\u5728")<\/p>\n
with task_lock:
\n task_info = tasks[task_id].copy()<\/p>\n
return task_info<\/p>\n
@app.get("\/api\/tasks")
\nasync def get_all_tasks():
\n """\u83b7\u53d6\u6240\u6709\u4efb\u52a1"""
\n with task_lock:
\n # \u8fd4\u56de\u6700\u8fd1\u7684\u4efb\u52a1，\u6309\u521b\u5efa\u65f6\u95f4\u5012\u5e8f
\n all_tasks = list(tasks.values())
\n sorted_tasks = sorted(all_tasks, key=lambda x: x.get("created_at", ""), reverse=True)
\n return {
\n "tasks": sorted_tasks,
\n "total": len(sorted_tasks),
\n "queued": len([t for t in sorted_tasks if t.get("status") == "queued"]),
\n "processing": len([t for t in sorted_tasks if t.get("status") == "processing"]),
\n "completed": len([t for t in sorted_tasks if t.get("status") == "completed"]),
\n "failed": len([t for t in sorted_tasks if t.get("status") == "failed"])
\n }<\/p>\n
@app.delete("\/api\/tasks\/{task_id}")
\nasync def delete_task(task_id: str):
\n """\u5220\u9664\u4efb\u52a1"""
\n with task_lock:
\n if task_id in tasks:
\n del tasks[task_id]
\n return {"message": "\u4efb\u52a1\u5df2\u5220\u9664", "task_id": task_id}
\n else:
\n raise HTTPException(status_code=404, detail="\u4efb\u52a1\u4e0d\u5b58\u5728")<\/p>\n
@app.delete("\/api\/tasks")
\nasync def clear_completed_tasks():
\n """\u6e05\u9664\u5df2\u5b8c\u6210\u548c\u5931\u8d25\u7684\u4efb\u52a1"""
\n with task_lock:
\n tasks_to_delete = []
\n for task_id, task_info in list(tasks.items()):
\n if task_info.get("status") in ["completed", "failed"]:
\n tasks_to_delete.append(task_id)<\/p>\n
for task_id in tasks_to_delete:
\n del tasks[task_id]<\/p>\n
return {
\n "message": f"\u5df2\u6e05\u9664 {len(tasks_to_delete)} \u4e2a\u4efb\u52a1",
\n "cleared": tasks_to_delete,
\n "remaining": len(tasks)
\n }<\/p>\n
@app.get("\/api\/health")
\nasync def health_check():
\n """\u5065\u5eb7\u68c0\u67e5\u7aef\u70b9"""
\n try:
\n # \u6d4b\u8bd5\u6253\u5370\u673a\u5217\u8868\u83b7\u53d6
\n printers = get_system_printers()<\/p>\n
# \u68c0\u67e5\u4e0a\u4f20\u76ee\u5f55
\n upload_dir_exists = UPLOAD_DIR.exists()<\/p>\n
# \u68c0\u67e5\u76ee\u5f55\u5199\u5165\u6743\u9650
\n test_file = UPLOAD_DIR \/ ".test_write"
\n try:
\n test_file.touch()
\n can_write = True
\n test_file.unlink()
\n except:
\n can_write = False<\/p>\n
# \u68c0\u67e5SumatraPDF\u662f\u5426\u5b58\u5728（\u4ec5Windows）
\n sumatra_exists = False
\n if platform.system() == "Windows":
\n sumatra_paths = [
\n "SumatraPDF.exe",
\n r"C:\\\\Program Files\\\\SumatraPDF\\\\SumatraPDF.exe",
\n r"C:\\\\Program Files (x86)\\\\SumatraPDF\\\\SumatraPDF.exe",
\n ]
\n for path in sumatra_paths:
\n if os.path.exists(path):
\n sumatra_exists = True
\n break<\/p>\n
return {
\n "status": "healthy",
\n "system": platform.system(),
\n "python_version": sys.version.split()[0],
\n "upload_dir_exists": upload_dir_exists,
\n "can_write": can_write,
\n "printers_count": len(printers),
\n "tasks_count": len(tasks),
\n "sumatra_installed": sumatra_exists,
\n "server_time": time.strftime("%Y-%m-%d %H:%M:%S"),
\n "version": "1.3.0",
\n "features": {
\n "copies_support": True,
\n "async_printing": True,
\n "multiple_fallback": True
\n }
\n }
\n except Exception as e:
\n return {
\n "status": "error",
\n "error": str(e),
\n "system": platform.system()
\n }<\/p>\n
@app.get("\/api\/sumatra-test")
\nasync def test_sumatra():
\n """\u6d4b\u8bd5SumatraPDF\u5b89\u88c5\u548c\u914d\u7f6e"""
\n if platform.system() != "Windows":
\n return {"supported": False, "message": "\u6b64\u529f\u80fd\u4ec5\u652f\u6301Windows\u7cfb\u7edf"}<\/p>\n
try:
\n sumatra_paths = [
\n "SumatraPDF.exe",
\n r"C:\\\\Program Files\\\\SumatraPDF\\\\SumatraPDF.exe",
\n r"C:\\\\Program Files (x86)\\\\SumatraPDF\\\\SumatraPDF.exe",
\n ]<\/p>\n
sumatra_exe = None
\n for path in sumatra_paths:
\n if os.path.exists(path):
\n sumatra_exe = path
\n break<\/p>\n
if not sumatra_exe:
\n return {
\n "installed": False,
\n "message": "SumatraPDF\u672a\u5b89\u88c5",
\n "download_url": "https:\/\/www.sumatrapdfreader.org\/download-free-pdf-viewer.html"
\n }<\/p>\n
# \u6d4b\u8bd5\u7248\u672c
\n result = subprocess.run([sumatra_exe, "-version"], capture_output=True, text=True, timeout=5)<\/p>\n
return {
\n "installed": True,
\n "path": sumatra_exe,
\n "version": result.stdout.strip() if result.returncode == 0 else "\u672a\u77e5\u7248\u672c",
\n "print_options": {
\n "copies": "\u4f7f\u7528 -print-settings 'Nx' \u683c\u5f0f，\u5982 '3x' \u8868\u793a3\u4efd",
\n "printer": "\u4f7f\u7528 -print-to '\u6253\u5370\u673a\u540d\u79f0' \u6216 -print-to-default",
\n "silent": "-silent \u53c2\u6570\u7528\u4e8e\u9759\u9ed8\u6253\u5370",
\n "dialog": "-print-dialog -exit-when-done \u7528\u4e8e\u663e\u793a\u6253\u5370\u5bf9\u8bdd\u6846"
\n }
\n }
\n except Exception as e:
\n return {"installed": False, "error": str(e)}<\/p>\n
if __name__ == "__main__":
\n # \u83b7\u53d6\u672c\u5730IP\u5730\u5740
\n import socket
\n try:
\n hostname = socket.gethostname()
\n local_ip = socket.gethostbyname(hostname)
\n except:
\n local_ip = "127.0.0.1"<\/p>\n
print("=" * 60)
\n print("PDF\u6253\u5370\u670d\u52a1\u5668\u542f\u52a8 – SumatraPDF\u4fee\u590d\u7248")
\n print("=" * 60)
\n print(f"\u672c\u5730\u8bbf\u95ee: http:\/\/localhost:8083")
\n print(f"\u5c40\u57df\u7f51\u8bbf\u95ee: http:\/\/{local_ip}:8083")
\n print(f"\u670d\u52a1\u5668\u5730\u5740: {local_ip}")
\n print(f"\u7cfb\u7edf: {platform.system()}")
\n print("=" * 60)
\n print("\u91cd\u8981\u66f4\u65b0:")
\n print("1. \u6839\u636e\u5b98\u65b9\u6587\u6863\u4fee\u590d\u6253\u5370\u4efd\u6570\u8bbe\u7f6e: -print-settings 'Nx'")
\n print("2. \u65b0\u589e\u6253\u5370\u5bf9\u8bdd\u6846\u5907\u7528\u65b9\u6848")
\n print("3. \u589e\u52a0SumatraPDF\u6d4b\u8bd5\u63a5\u53e3")
\n print("=" * 60)
\n print("SumatraPDF\u6253\u5370\u9009\u9879:")
\n print(" -print-to '\u6253\u5370\u673a\u540d' # \u6307\u5b9a\u6253\u5370\u673a")
\n print(" -print-to-default # \u9ed8\u8ba4\u6253\u5370\u673a")
\n print(" -print-settings '3x' # \u6253\u53703\u4efd (\u6839\u636e\u6587\u6863)")
\n print(" -silent # \u9759\u9ed8\u6a21\u5f0f")
\n print(" -print-dialog # \u663e\u793a\u6253\u5370\u5bf9\u8bdd\u6846")
\n print("=" * 60)<\/p>\n
# \u786e\u4fdduploads\u76ee\u5f55\u5b58\u5728
\n UPLOAD_DIR.mkdir(exist_ok=True)<\/p>\n
# \u6e05\u7406\u65e7\u7684\u4e34\u65f6\u6587\u4ef6（\u8d85\u8fc71\u5c0f\u65f6）
\n try:
\n now = time.time()
\n for file in UPLOAD_DIR.glob("*.pdf"):
\n if now – file.stat().st_mtime > 3600: # 1\u5c0f\u65f6
\n file.unlink()
\n logger.info(f"\u6e05\u7406\u65e7\u6587\u4ef6: {file}")
\n except Exception as e:
\n logger.warning(f"\u6e05\u7406\u65e7\u6587\u4ef6\u5931\u8d25: {e}")<\/p>\n
uvicorn.run(app, host="0.0.0.0", port=8083, log_level="info") <\/p>\n","protected":false},"excerpt":{"rendered":"
PDF\u6253\u5370\u670d\u52a1\u5668
\n\u4e00\u4e2a\u57fa\u4e8eFastAPI\u7684PDF\u6253\u5370\u670d\u52a1\u5668，\u652f\u6301\u901a\u8fc7\u7f51\u9875\u754c\u9762\u4e0a\u4f20PDF\u6587\u4ef6\u5e76\u6253\u5370\u5230\u5c40\u57df\u7f51\u5185\u7684\u7269\u7406\u6253\u5370\u673a\u3002
\n\u529f\u80fd\u7279\u6027 📄 \u652f\u6301PDF\u6587\u4ef6\u4e0a\u4f20\u548c\u6253\u5370 🖨\ufe0f \u81ea\u52a8\u68c0\u6d4b\u7cfb\u7edf\u6253\u5370\u673a\u5217\u8868 📱 \u54cd\u5e94\u5f0f\u8bbe\u8ba1，\u652f\u6301\u79fb\u52a8\u7aef\u548c\u684c\u9762\u7aef 🔄 \u5b9e\u65f6\u6253\u5370\u4efb\u52a1\u72b6\u6001\u76d1\u63a7 💾 \u81ea\u52a8\u4fdd\u5b58\u7528\u6237\u8bbe\u7f6e（\u6253\u5370\u673a\u3001\u6253\u5370\u4efd\u6570） 🔒 \u5b89\u5168\u7684\u6587\u4ef6\u5904\u7406<\/p>\n","protected":false},"author":2,"featured_media":67810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[573,72,567],"topic":[],"class_list":["post-67812","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-css","tag-fastapi","tag-html"],"yoast_head":"\n
FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/67812.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"PDF\u6253\u5370\u670d\u52a1\u5668 \u4e00\u4e2a\u57fa\u4e8eFastAPI\u7684PDF\u6253\u5370\u670d\u52a1\u5668，\u652f\u6301\u901a\u8fc7\u7f51\u9875\u754c\u9762\u4e0a\u4f20PDF\u6587\u4ef6\u5e76\u6253\u5370\u5230\u5c40\u57df\u7f51\u5185\u7684\u7269\u7406\u6253\u5370\u673a\u3002 \u529f\u80fd\u7279\u6027 📄 \u652f\u6301PDF\u6587\u4ef6\u4e0a\u4f20\u548c\u6253\u5370 🖨\ufe0f \u81ea\u52a8\u68c0\u6d4b\u7cfb\u7edf\u6253\u5370\u673a\u5217\u8868 📱 \u54cd\u5e94\u5f0f\u8bbe\u8ba1，\u652f\u6301\u79fb\u52a8\u7aef\u548c\u684c\u9762\u7aef 🔄 \u5b9e\u65f6\u6253\u5370\u4efb\u52a1\u72b6\u6001\u76d1\u63a7 💾 \u81ea\u52a8\u4fdd\u5b58\u7528\u6237\u8bbe\u7f6e（\u6253\u5370\u673a\u3001\u6253\u5370\u4efd\u6570） 🔒 \u5b89\u5168\u7684\u6587\u4ef6\u5904\u7406\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/67812.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-28T23:26:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/01\/20260128232629-697a9b2582169.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"29 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/67812.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/67812.html\",\"name\":\"FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-01-28T23:26:31+00:00\",\"dateModified\":\"2026-01-28T23:26:31+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/67812.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/67812.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/67812.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/67812.html","og_locale":"zh_CN","og_type":"article","og_title":"FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"PDF\u6253\u5370\u670d\u52a1\u5668 \u4e00\u4e2a\u57fa\u4e8eFastAPI\u7684PDF\u6253\u5370\u670d\u52a1\u5668，\u652f\u6301\u901a\u8fc7\u7f51\u9875\u754c\u9762\u4e0a\u4f20PDF\u6587\u4ef6\u5e76\u6253\u5370\u5230\u5c40\u57df\u7f51\u5185\u7684\u7269\u7406\u6253\u5370\u673a\u3002 \u529f\u80fd\u7279\u6027 📄 \u652f\u6301PDF\u6587\u4ef6\u4e0a\u4f20\u548c\u6253\u5370 🖨\ufe0f \u81ea\u52a8\u68c0\u6d4b\u7cfb\u7edf\u6253\u5370\u673a\u5217\u8868 📱 \u54cd\u5e94\u5f0f\u8bbe\u8ba1，\u652f\u6301\u79fb\u52a8\u7aef\u548c\u684c\u9762\u7aef 🔄 \u5b9e\u65f6\u6253\u5370\u4efb\u52a1\u72b6\u6001\u76d1\u63a7 💾 \u81ea\u52a8\u4fdd\u5b58\u7528\u6237\u8bbe\u7f6e（\u6253\u5370\u673a\u3001\u6253\u5370\u4efd\u6570） 🔒 \u5b89\u5168\u7684\u6587\u4ef6\u5904\u7406","og_url":"https:\/\/www.wsisp.com\/helps\/67812.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-01-28T23:26:31+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/01\/20260128232629-697a9b2582169.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"29 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/67812.html","url":"https:\/\/www.wsisp.com\/helps\/67812.html","name":"FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-01-28T23:26:31+00:00","dateModified":"2026-01-28T23:26:31+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/67812.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/67812.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/67812.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"FastAPI \u548c Html+css+js \u5f00\u53d1\u7684 PDF\u6253\u5370\u670d\u52a1\u5668 \u8fde\u63a5\u5230\u670d\u52a1\u5668\u7684\u7269\u7406\u6253\u5370\u673a\u6253\u5370"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/67812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=67812"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/67812\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/67810"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=67812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=67812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=67812"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=67812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/01\/20260128232629-697a9b2582169.png\")
<\/h2>\n