Default.aspx

﻿<%@ page language="C#" autoeventwireup="true" codefile="Default.aspx.cs" inherits="Print" %>

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>在线打印共享</title>
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<body>
    <h1>打印文件</h1>
    <main class="agile-its">
        <h2>上传文件</h2>
        <div class="print">
            <div class="header">
                <div class="tips">
                    <span>格式:</span>
                    <ul class="listtype">
                        <li>PDF(.pdf)</li>
                        <li>图片(.png .jpg .tiff)</li>
                        <li>文本(.txt)</li>
                        <li>Word(.doc .docx .rtf)</li>
                    </ul>
                </div>
                <div class="warn">仅PDF支持<code>"选页"</code>设置,WORD可能有排版兼容问题</div>
                <div id="messages">
                    <asp:label id="Message" runat="server"></asp:label>
                </div>
            </div>

            <form id="upload" method="POST" enctype="multipart/form-data">
                <div class="agileinfo">
                    <div id="filedrag">
                        <span class="uploadtip">点击上传文件<br />
                            或者拖拽至此<br />
                            支持多个文件</span>
                    </div>
                    <input type="file" id="files" name="files[]" multiple="multiple" required="required" accept=".pdf,.doc,.docx,.rtf,.txt,image/jpg,image/tiff,image/png" />
                </div>
                <div class="agileinfo inputbox">
                    <% if (needPwd) {
                     string pwd =String.IsNullOrEmpty(Request.Form["password"])?(String)Session["pwd"]:Request.Form["password"].Trim();
                    %>
                    <input type='password' name='password' id='password' onfocus="type='text'" onblur="type='password'" placeholder='打印密码' required='required' value='<%=pwd%>' />
                    <% } %>
                </div>
                <div class="agileinfo inputbox" id="copies">
                    <input name="copies" type="number" value="1" title="份数" placeholder="设置份数" required />
                </div>
                <div class="agileinfo inputbox">
                    <input name="range" type="text" title="页码范围如:2-8 或1,3,5" placeholder="PDF页码:2-5或3,5 (默认所有页)" />
                </div>
                <button type="submit" id="submit" onsubmit="this.disabled=true" disabled>提交</button>
            </form>
        </div>
    </main>
    <footer>
        <p><strong>&lsaquo;&rsaquo;</strong> with <strong>&hearts;</strong> by New Future | <a href="https://github.com/NewFuture/WebPrint">获取源码</a></p>
    </footer>
    <script src="file.js"></script>

</body>

</html>