index.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>EH-Downloader</title>
  7. <link rel="stylesheet" href="/static/style.css">
  8. </head>
  9. <body>
  10. <div class="container">
  11. <h1>EH</h1>
  12. <form id="downloadForm" class="form">
  13. <div class="form-group">
  14. <label for="proxy">代理设置:</label>
  15. <select id="proxy" name="proxy" class="proxy-select" required>
  16. {% for proxy in proxies %}
  17. <option value="{{ proxy }}" {% if proxy == default_proxy %}selected{% endif %}>{{ proxy }}</option>
  18. {% endfor %}
  19. </select>
  20. </div>
  21. <div class="form-group">
  22. <button type="button" id="loadUrls" class="btn btn-info">读取目标URL</button>
  23. </div>
  24. <div class="form-group">
  25. <label for="urlList">目标URL列表:</label>
  26. <textarea id="urlList" name="urlList" class="url-list" readonly placeholder="这里将显示从 targets.txt 读取的URL列表"></textarea>
  27. </div>
  28. <div class="button-group">
  29. <button type="button" id="downloadUrl" class="btn btn-primary">下载URL</button>
  30. <button type="button" id="downloadImage" class="btn btn-secondary">下载图片</button>
  31. <button type="button" id="checkIncomplete" class="btn btn-info">检查未完成</button>
  32. <button type="button" id="cleanFiles" class="btn btn-warning">清理日志和JSON文件</button>
  33. <button type="button" id="clearOutput" class="btn btn-danger">清除输出</button>
  34. </div>
  35. </form>
  36. <div class="output-section">
  37. <h3>操作日志</h3>
  38. <pre id="output" class="output-area"></pre>
  39. </div>
  40. <br><br>
  41. <div class="output-section">
  42. <h3>使用说明</h3>
  43. <div class="usage-instructions">
  44. <p><strong>工具使用步骤:</strong></p>
  45. <ol>
  46. <li>从下拉框选择代理设置(代理配置保存在项目根目录的proxy.txt中)</li>
  47. <li>将URL复制到项目目录下的data/targets.txt中,一个画廊一个URL</li>
  48. <li>在<a href="https://e-hentai.org/" target="_blank">这里</a>获取需要下载的画廊URL</li>
  49. <li>点击"读取目标URL"加载 targets.txt 中的URL列表</li>
  50. <li>点击"下载URL"开始抓取画廊链接</li>
  51. <li>点击"下载图片"开始下载图片文件</li>
  52. <li>使用"检查未完成"查看下载进度</li>
  53. <li>使用"清理日志和JSON文件"清理临时文件</li>
  54. </ol>
  55. <p><strong>注意事项:</strong></p>
  56. <ul>
  57. <li>请确保代理设置正确,且 targets.txt 文件中已添加目标URL</li>
  58. <li>代理配置:在项目根目录的proxy.txt文件中,每行一个代理地址,格式为 IP:端口</li>
  59. <li>下载的图片会保存在 data/downloads 目录下,按画廊名称分文件夹存储</li>
  60. <li>如果下载中断,可以重新运行"下载图片"继续未完成的下载</li>
  61. </ul>
  62. </div>
  63. </div>
  64. </div>
  65. <script src="/static/script.js"></script>
  66. </body>
  67. </html>