├── .gitignore
├── image.png
├── ocr.png
├── LICENSE
├── README.md
└── worker.js


/.gitignore:
--------------------------------------------------------------------------------
1 | .idea/
2 | 


--------------------------------------------------------------------------------
/image.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Cunninger/ocr-based-qwen/HEAD/image.png


--------------------------------------------------------------------------------
/ocr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Cunninger/ocr-based-qwen/HEAD/ocr.png


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | 重要声明
 2 | 项目性质：本项目是对 QwenLM 的逆向工程实现，仅供学习和研究使用。
 3 | 免责声明：任何商业用途或滥用行为均与作者无关。
 4 | 法律合规：使用者需遵守相关法律法规和平台的使用条款。
 5 | 
 6 | 开源协议 (LICENSE)
 7 | 本项目采用 MIT 许可证，明确限制仅用于学习和研究目的。以下是 LICENSE 文件内容的补充说明：
 8 | 
 9 | MIT License
10 | Copyright (c) 2025 [cunninger]
11 | Permission is hereby granted, free of charge, to any person obtaining a copy
12 | of this software and associated documentation files (the "Software"), to deal
13 | in the Software without restriction, including without limitation the rights
14 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
15 | copies of the Software, and to permit persons to whom the Software is
16 | furnished to do so, subject to the following conditions:
17 | 
18 | 1. The Software is provided for educational and research purposes only. 
19 |    Commercial use is strictly prohibited.
20 | 
21 | 2. The above copyright notice and this permission notice shall be included in all
22 | copies or substantial portions of the Software.
23 | 
24 | 3. If you modify or distribute the Software, you must include a reference to the original project's open-source address: https://github.com/Cunninger/ocr-based-qwen.
25 | 
26 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
27 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
28 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
29 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
30 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
31 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
32 | SOFTWARE.
33 | 
34 | 补充说明
35 | 二次开发声明：如果您对项目进行二次开发或分发，必须声明本项目的开源地址：https://github.com/Cunninger/ocr-based-qwen。
36 | 请确保在使用或修改本项目时遵守上述条款和条件。
37 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | <div align="center"> <img src="https://github.com/Cunninger/ocr-based-qwen/blob/main/ocr.png?raw=true" width="120"> </div>
  2 | 
  3 | 
  4 | 
  5 | #               QwenLM OCR 
  6 | 
  7 | 
  8 | 本项目基于 [QwenLM](https://chat.qwenlm.ai/) 。通过调用 QwenLM 的 ”API“，你可以从图片中提取文字内容，并且该项目支持一键部署到 **Cloudflare Workers** (CF) 上。
  9 | 
 10 | ## 项目展示
 11 | ![screely-1743379867339](https://github.com/user-attachments/assets/ad25719c-0504-4bc1-926f-4bffeb6b745d)
 12 | 
 13 | 
 14 | ## 测试cookie
 15 | - 如果出现**处理失败: 文件上传失败的错误**，说明测试Cookie 上传文件过多, 尝试获取自己账号的Cookie 使用
 16 | ```
 17 | {
 18 |     "code": "RateLimited",
 19 |     "detail": "Reached file upload limited: too many files uploaded in (86400.0) seconds."
 20 | }
 21 | ```
 22 | 
 23 | ![image](https://github.com/user-attachments/assets/5251feec-3fdc-4003-82b5-a273a3abb9f2)
 24 | - cookie1:
 25 | ```txt
 26 | _gcl_au=1.1.1128300923.1746849193; _bl_uid=m1mL2atCh8Cot5wsRoIFbqdhm7tg; xlly_s=1; cna=qrulIGTI1xgCAbZmOSlWpOi2; cnaui=53e94788-c03d-4682-993a-a4d3c4e2d649; aui=53e94788-c03d-4682-993a-a4d3c4e2d649; acw_tc=0a03e55a17471050174934469e5698d16b1ed504f9e9c68f410d550889e99b; x-ap=ap-southeast-1; sca=54887197; atpsida=3cac89c5d9360e40b62eb508_1747105020_1; ssxmod_itna=eqIxgDnQKYqDqOD4kxjxYKD5i=m6l40QDXDUqAjdGgDYq7=GF7DChzw1CDBKeZxv=t7iiHP4gRxGXxkKxiNDAxq0iDC8eQeOCmL+tGqFjmhtqqRZayb5zHF2Ghm85mnrZpswVMZYKwDCPDExGkeBvhwDiiax0rD0eDPxDYDGbaD7PDoxDrOIYDjYoICSEmQz4DKx0kDY5Dw1+mDYPDWxDFb+DktYEwbDDCDivfV83DixiaaSDDBg0u4pxmtDi3bUOGjz+LxT0IhooD9E4Ds6xgl/kgvMiAkS17Wvewff3DvxDk2IgGUtTpwfTo+8ZxxohxY7eChxO7ek7orYqoD4aYhoA4ti517qoldaGQQDwolQChmw073QpCxxY+zyTsb+s/ke=eKn2tBjtwGYheYaYqpxoMA5VYYqr5OBQkDtaW5Q7q/2x4D; ssxmod_itna2=eqIxgDnQKYqDqOD4kxjxYKD5i=m6l40QDXDUqAjdGgDYq7=GF7DChzw1CDBKeZxv=t7iiHP4gKxDfrtK2nguI=5mwvNG4oIhfnAQPD; SERVERID=8d1f4d10c35f5d9c380a0c17580aeca9|1747105025|1747105017; token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjUzZTk0Nzg4LWMwM2QtNDY4Mi05OTNhLWE0ZDNjNGUyZDY0OSIsImV4cCI6MTc0OTY5NzAyNX0.MZ-Nmyq08Oy0vDR_PdWDpvq8bAfuA371KPA2fez8Qz0; isg=BNnZ9u4y1WqSC4nCppf6kGHW6MWzZs0YnUIs8PuOVYB_AvmUQ7bd6EcUBMZ0jmVQ; tfstk=gySjtnM1FjcXkNttCE2ydgAaio-_L8rehA9OKOnqBnKv1A1NpFpq0-b1P15XM16gnddO61ONuzrFntxMXWP_YkWc0MUDzitt_TKDQGHyzvEFntDRrOQ1nkk6PJ-6XCC9kU3JpQpxM1LvwUdkIdhvBme7FQvM6Kn9XULJ3pJ9XhCOe89MwKK9k1B-pmGeCRRfh-x3JMyTHBXvNcnO2lYXOt3ZXcIWhE6dHQ6PUg9XlBL9I3NdD_WO0iYuOXKGUw11W14Ern6OknpFnoiWvtQPfLSaQVOAig6R2UMEYh_AGNLhPk0HkFOfyiLSBcBkfaLd5sNjoIQVNevJyAZHU6RRniQ7IbBATItveUrLdTLOziYh07nXvwX20NCg84xfBZK54MmeOK3-5YTnfLOUF8giSdRn6tlqKjZvkLvXV8wSG3LvELOUF8giSEpkU4w7FjtR.
 27 | ```
 28 | - cookie2:
 29 | ```txt
 30 | cna=jVVkIH8WwiECAWrgu3Rh49BZ; _bl_uid=69m7O83qin4t1v50n9b33n9oge32; cnaui=1df8319d-47e8-4859-b77f-810584faec0f; aui=1df8319d-47e8-4859-b77f-810584faec0f; _gcl_au=1.1.505594525.1742563213.867342246.1745928027.1745928034; acw_tc=0a03e55f17471053364778166e659f6b4859f09675a78f141a3e9cc6228e4a; x-ap=ap-southeast-1; sca=73b49ddd; xlly_s=1; ssxmod_itna=GqGx9DyDuiiQYY5i7=YAKG7qDOG2ikDnQDBP01DphxQyK08D6DYqGdcFkmNhY=eF34oqrYqSnxGXKFYxiNDAxq0iDC+ejrenpBHw3354EhteeiAl0g5Ir825b40aFK48qiYoweGLDmKDyWiNxoxGGA4GwDGoD34DiDDPfD03Db4D+fjiD72r32WT5rePDQ4GyDiUti2rDm4DfDDd5qgD4CWroDDtDAuW1PPDADAfYoDDlYiO4mODKoDGWClR/iPptBahdZRrDjkPD/R40Xay05vGtXWkXGKoe=cWDtqD976RVSGIYVQu4htNhDoRYemid=weFio3AxqD4cbxKAGNnDIxYFAGqgt+EOeDNwrdGmexuGpWdhGi0kz9urBTsmAe0AxRotcme3DxRA+F0DqY45O5ZB5xrw3YhiD4bQvFiNeiDD; ssxmod_itna2=GqGx9DyDuiiQYY5i7=YAKG7qDOG2ikDnQDBP01DphxQyK08D6DYqGdcFkmNhY=eF34oqrYqSYxD3beY6jETIQkAw7Xsx58ixWUeeD; token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjFkZjgzMTlkLTQ3ZTgtNDg1OS1iNzdmLTgxMDU4NGZhZWMwZiIsImV4cCI6MTc0OTY5NzM0NH0.GCGFR6NI85QMmXtG6OjLxY0F1fze0XPdVBPRNzpTSh8; atpsida=005f535629829fb74bf7df34_1747105344_2; SERVERID=b98d56744b338696d8c13af9b400879a|1747105345|1747105336; tfstk=gU3jT81sNtXjChzO1oAzO4XwlWUsCQ8UG1NttfQV6rUYC1MZ9lFVuImsVAkbHAGMi5etBAwZ038Eij4gWpJ68el0KkXUGqaOQbU0_VCz46LEijf-qfnsie5_VBg_DRHTDuB8_8FY6PHTyaF_eZFOk5BJN82RkOeT6zE8_SIYBAU9Nbeu6PFxBodSwvQRL5OahjO0-hpQzn2jM8_OW4LgcJGAbNQtPSZj9jeSabu7GowLq1p3hqHr6qu0qp6LSboICcHMYg4j6mUYTjYfPyhx4VNr7CS_Hx0Sw4E5TwzsDxiTx0ThxoE_h03YV1QtZPi8vcMXhi2x0YZ3wuC6-7kUej0xVCX-Mvybk7EyJBG8X0u0xqJRlynngrotIHSulfnYPg5c8JNA2G17xNN7LQO5jGA7LQ7uzuiwwoFuGzOWNta8D7V7LQO5jGqYZ7SWNQ6by; isg=BIqKadcq1ueGLlW0I70ajFfB23Asew7VpeYBkBTDNl1oxyqB_Ate5dAx1zMbA4Zt
 31 | ```
 32 | ## 🚀 功能特性
 33 | 
 34 | - **图片 OCR**：使用 QwenLM 强大的 OCR 功能从图片中提取文字。
 35 | - **拖拽上传**：直接将图片拖拽到页面即可识别。
 36 | - **复制粘贴**：支持从剪贴板直接粘贴图片进行识别。
 37 | - **Token 管理**：支持多 Token 轮询使用，提升稳定性。
 38 | - **历史记录**：保存每次识别的结果和图片，方便查看。
 39 | - **一键复制**：轻松复制识别结果到剪贴板。
 40 | - **数学公式识别**：特别优化了对数学公式的提取，支持 LaTeX 格式输出。
 41 | - **API 支持**：提供 `curl` 接口调用，支持通过图片文件、base64 和图片 URL 3种方式。(Apifox调用文档示例(**仅作为代码示例，这个网页调试有问题**)：https://0vkh6v4ad8.apifox.cn/)
 42 | - **验证码识别**：新增验证码识别功能，支持常见类型的验证码（如数字、字母、混合字符等），提升自动化处理能力。
 43 | - **自定义prompt**: 在高级模式下(v1.1.0支持)，用户可以自定义 prompt，跳过格式化处理，直接返回原始结果，而在普通模式下，使用默认的 prompt 并保持现有的格式化处理逻辑。
 44 | ## qwen模型接口：
 45 | https://chat.qwenlm.ai/api/models
 46 | ## 提示词工程
 47 | ```
 48 |   const defaultPrompt =
 49 |     '不要输出任何额外的解释或说明,禁止输出例如：识别内容、以上内容已严格按照要求进行格式化和转换等相关无意义的文字！' + '请识别图片中的内容，注意以下要求：\n' +
 50 |     '对于数学公式和普通文本：\n' +
 51 |     '1. 所有数学公式和数学符号都必须使用标准的LaTeX格式\n' +
 52 |     '2. 行内公式使用单个$符号包裹，如：$x^2$\n' +
 53 |     '3. 独立公式块使用两个$$符号包裹，如：$$\\sum_{i=1}^n i^2$$\n' +
 54 |     '4. 普通文本保持原样，不要使用LaTeX格式\n' +
 55 |     '5. 保持原文的段落格式和换行\n' +
 56 |     '6. 明显的换行使用\\n表示\n' +
 57 |     '7. 确保所有数学符号都被正确包裹在$或$$中\n\n' +
 58 |     '对于验证码图片：\n' +
 59 |     '1. 只输出验证码字符，不要加任何额外解释\n' +
 60 |     '2. 忽略干扰线和噪点\n' +
 61 |     '3. 注意区分相似字符，如0和O、1和l、2和Z等\n' +
 62 |     '4. 验证码通常为4-6位字母数字组合\n\n' +
 63 |     '';
 64 | ```
 65 | ## 🛠️ 部署指南
 66 | 
 67 | ### 1. 部署到 Cloudflare Workers
 68 | 
 69 | 1. **配置 Cloudflare Workers**：
 70 |    - 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/)。
 71 |    - 创建一个新的 Worker。
 72 |    - 将 `worker.js` 中的代码复制到 Worker 编辑器中。
 73 | 
 74 | 2. **部署**：
 75 |    - 保存并部署 Worker。
 76 |    - 获取 Worker 的访问地址，即可使用。
 77 | ### 2. Docker 一键部署
 78 | 1. 使用以下命令拉取并运行Docker镜像。
 79 | ```
 80 | docker pull sexgirls/qwen-ocr-app:latest
 81 | docker run -p 3000:3000 sexgirls/qwen-ocr-app:latest
 82 | ```
 83 | 2. 然后在浏览器中访问应用：
 84 | ```
 85 | http://localhost:3000
 86 | ```
 87 | 详情可见：https://github.com/Cunninger/ocr-based-qwen/tree/docker-version
 88 | ## 🧩 使用说明
 89 | 
 90 | 1. **设置 Cookie**：
 91 |    - 前往 [QwenLM](https://chat.qwenlm.ai/) 获取对话请求中的 Cookie。
 92 |    ![alt text](image.png)
 93 | 
 94 |    - 点击右上角的 **⚙️ Cookie设置** 按钮。
 95 |    - 输入你的 Cookie（或者使用测试Cookie）。
 96 |    - 点击 **保存**。
 97 | 
 98 | 2. **上传图片**：
 99 |    - 拖拽图片到页面，或点击上传区域选择图片。
100 |    - 支持直接粘贴图片。
101 | 
102 | 3. **查看结果**：
103 |    - 识别结果会显示在页面下方。
104 |    - 点击 **复制结果** 按钮，将识别内容复制到剪贴板。
105 | 
106 | 4. **查看历史记录**：
107 |    - 点击左侧的 **📋 识别历史** 按钮，查看历史识别记录。
108 |    - 点击历史记录中的图片，可以查看大图。
109 | 
110 | 5. **API 调用**：
111 |    - **支持 base64**：
112 |      ```bash
113 |       curl -X POST \
114 |         'https://test-qwen-cor.aughumes8.workers.dev/api/recognize/base64' \
115 |         -H 'Content-Type: application/json' \
116 |         -H 'x-custom-cookie: YOUR_COOKIE_STRING' \
117 |         -d '{
118 |           "base64Image": "YOUR_BASE64_IMAGE_STRING"
119 |         }'
120 |      ```
121 |    - **支持图片 URL**:
122 |      ```bash
123 |       curl -X POST \
124 |         'https://test-qwen-cor.aughumes8.workers.dev/api/recognize/url' \
125 |         -H 'Content-Type: application/json' \
126 |         -H 'x-custom-cookie: YOUR_COOKIE_STRING' \
127 |         -d '{
128 |           "imageUrl": "YOUR_IMAGE_URL"
129 |      }'
130 |      ```
131 | 6. **验证码识别**
132 | ![image](https://github.com/user-attachments/assets/66f24d52-6263-446c-b371-cc2e65c9277c)
133 | 
134 | 
135 | ## 📜 许可证
136 | 
137 | 本项目基于 MIT 许可证开源。详情请查看 [LICENSE](LICENSE) 文件。
138 | 
139 | ## 🙏 致谢
140 | 
141 | - 感谢 [QwenLM](https://chat.qwenlm.ai/) 提供的 OCR 功能。
142 | - 感谢 Cloudflare 提供的 Workers 服务。
143 | 
144 | ---
145 | 
146 | 🌟 如果觉得这个项目对你有帮助，欢迎点个 Star 支持一下！🌟
147 | 
148 | **体验地址**：[智能图片识别 (doublefenzhuan.me)](https://ocr.doublefenzhuan.me/)
149 | 
150 | **GitHub 仓库**：[Cunninger/ocr-based-qwen](https://github.com/Cunninger/ocr-based-qwen)
151 | 
152 | ---
153 | 
154 | #### 后续计划
155 | - 优化数学公式识别精度；
156 | - 增加更多 API 功能支持；
157 | - 提升识别速度和稳定性。
158 | 
159 | 快来体验吧！如果有任何问题或建议，欢迎在 GitHub 上提 Issue 或直接联系我！
160 | 
161 | ## 更新
162 | ### 2025/01/13 应佬友需求，优化了对数学公式的识别，效果如下图
163 | - 原图：
164 |     
165 | ![image](https://github.com/user-attachments/assets/9841509d-be56-4eb9-aafa-4d4ca5555c2e)
166 | 
167 | - 识别效果图：
168 | ![image](https://github.com/user-attachments/assets/2340dc6d-9156-4866-aa53-cdfd1911a651)
169 | 
170 | 
171 | ### 2025/01/13 18点34分 支持`curl`接口调用
172 | - **支持base64**：
173 | ```bash
174 | curl -X POST \
175 |   'https://test-qwen-cor.aughumes8.workers.dev/api/recognize/base64' \
176 |   -H 'Content-Type: application/json' \
177 |   -H 'x-custom-cookie: YOUR_COOKIE_STRING' \
178 |   -d '{
179 |     "base64Image": "YOUR_BASE64_IMAGE_STRING"
180 |   }'
181 | ```
182 | - 效果图：
183 | ![image](https://github.com/user-attachments/assets/363afb39-444b-4308-a2bd-55831df81b6f)
184 | 
185 | - **支持图片URL**:
186 | ```bash
187 | curl -X POST \
188 |   'https://test-qwen-cor.aughumes8.workers.dev/api/recognize/url' \
189 |   -H 'Content-Type: application/json' \
190 |   -H 'x-custom-cookie: YOUR_COOKIE_STRING' \
191 |   -d '{
192 |     "imageUrl": "YOUR_IMAGE_URL"
193 |   }'
194 | ```
195 | - 效果图：
196 | ![image](https://github.com/user-attachments/assets/a816085e-8a52-4425-b02c-94ea543bf95b)
197 | 
198 | - **通过图片文件识别（需要先上传获取imageId）**
199 | ```bash
200 | # 1. 先上传文件
201 | curl -X POST \
202 |   'https://test-qwen-cor.aughumes8.workers.dev/proxy/upload' \
203 |   -H 'x-custom-cookie: YOUR_COOKIE_STRING' \
204 |   -F 'file=@/path/to/your/image.jpg'
205 | 
206 | # 2. 使用返回的imageId进行识别
207 | curl -X POST \
208 |   'https://test-qwen-cor.aughumes8.workers.dev/recognize' \
209 |   -H 'Content-Type: application/json' \
210 |   -H 'x-custom-cookie: YOUR_COOKIE_STRING' \
211 |   -d '{
212 |     "imageId": "RETURNED_IMAGE_ID"
213 |   }'
214 | ```
215 | ## Cloudflare访问数据
216 | ![image](https://github.com/user-attachments/assets/bb456075-6107-47ee-a361-a0edba532c38)
217 | ## 致谢
218 | ![image](https://github.com/user-attachments/assets/cfc04290-6400-483d-b0a9-4dd4b409bab9)
219 | ## 趋势
220 | [![Star History Chart](https://api.star-history.com/svg?repos=cunninger/ocr-based-qwen&type=Date)](https://star-history.com/#Cunninger/ocr-based-qwen&Date)
221 | 


--------------------------------------------------------------------------------
/worker.js:
--------------------------------------------------------------------------------
   1 | addEventListener('fetch', event => {
   2 |   event.respondWith(handleRequest(event.request));
   3 | });
   4 | 
   5 | async function handleRequest(request) {
   6 |   const url = new URL(request.url);
   7 |   const cookie = request.headers.get('x-custom-cookie') || ''; // 从自定义请求头获取 cookie
   8 | 
   9 |   // 处理 CORS 预检请求
  10 |   if (request.method === 'OPTIONS') {
  11 |     return new Response(null, {
  12 |       headers: {
  13 |         'Access-Control-Allow-Origin': '*',
  14 |         'Access-Control-Allow-Methods': 'POST, OPTIONS',
  15 |         'Access-Control-Allow-Headers': 'Content-Type, Authorization, x-custom-cookie', // 添加自定义请求头
  16 |       },
  17 |     });
  18 |   }
  19 | 
  20 |   // API路由处理
  21 |   switch (url.pathname) {
  22 |     // 1. 通过图片URL识别
  23 |     case '/api/recognize/url':
  24 |       if (request.method === 'POST') {
  25 |         return handleImageUrlRecognition(request);
  26 |       }
  27 |       break;
  28 | 
  29 |     // 2. 通过Base64识别
  30 |     case '/api/recognize/base64':
  31 |       if (request.method === 'POST') {
  32 |         return handleBase64Recognition(request);
  33 |       }
  34 |       break;
  35 | 
  36 |     // 3. 通过图片文件识别 (原有的/recognize端点)
  37 |     case '/recognize':
  38 |       if (request.method === 'POST') {
  39 |         return handleFileRecognition(request);
  40 |       }
  41 |       break;
  42 | 
  43 |     // 添加代理路由
  44 |     case '/proxy/upload':
  45 |       if (request.method === 'POST') {
  46 |         return handleProxyUpload(request);
  47 |       }
  48 |       break;
  49 | 
  50 |     // 返回前端界面
  51 |     case '/':
  52 |       return new Response(getHTML(), {
  53 |         headers: { 'Content-Type': 'text/html' },
  54 |       });
  55 |   }
  56 | 
  57 |   return new Response('Not Found', { status: 404 });
  58 | }
  59 | 
  60 | // 处理图片URL识别
  61 | async function handleImageUrlRecognition(request) {
  62 |   try {
  63 |     const { imageUrl } = await request.json();
  64 |     const cookie = request.headers.get('x-custom-cookie');
  65 | 
  66 |     if (!cookie || !imageUrl) {
  67 |       return new Response(JSON.stringify({
  68 |         error: 'Missing cookie or imageUrl'
  69 |       }), {
  70 |         status: 400,
  71 |         headers: { 'Content-Type': 'application/json' },
  72 |       });
  73 |     }
  74 | 
  75 |     // 从cookie中提取token
  76 |     const tokenMatch = cookie.match(/token=([^;]+)/);
  77 |     if (!tokenMatch) {
  78 |       return new Response(JSON.stringify({
  79 |         error: 'Invalid cookie format: missing token'
  80 |       }), {
  81 |         status: 400,
  82 |         headers: { 'Content-Type': 'application/json' },
  83 |       });
  84 |     }
  85 |     const token = tokenMatch[1];
  86 | 
  87 |     // 下载图片
  88 |     const imageResponse = await fetch(imageUrl);
  89 |     const imageBlob = await imageResponse.blob();
  90 | 
  91 |     // 上传到QwenLM
  92 |     const formData = new FormData();
  93 |     formData.append('file', imageBlob);
  94 | 
  95 |     const uploadResponse = await fetch('https://chat.qwenlm.ai/api/v1/files/', {
  96 |       method: 'POST',
  97 |       headers: {
  98 |         'accept': 'application/json',
  99 |         'authorization': `Bearer ${token}`,
 100 |         'cookie': cookie
 101 |       },
 102 |       body: formData,
 103 |     });
 104 | 
 105 |     const uploadData = await uploadResponse.json();
 106 |     if (!uploadData.id) throw new Error('File upload failed');
 107 | 
 108 |     // 调用通用识别函数
 109 |     return await recognizeImage(token, uploadData.id, request);
 110 |   } catch (error) {
 111 |     return new Response(JSON.stringify({
 112 |       error: error.message || 'Internal Server Error'
 113 |     }), {
 114 |       status: 500,
 115 |       headers: { 'Content-Type': 'application/json' },
 116 |     });
 117 |   }
 118 | }
 119 | 
 120 | // 处理Base64识别
 121 | async function handleBase64Recognition(request) {
 122 |   try {
 123 |     const { base64Image } = await request.json();
 124 |     const cookie = request.headers.get('x-custom-cookie');
 125 | 
 126 |     if (!cookie || !base64Image) {
 127 |       return new Response(JSON.stringify({
 128 |         error: 'Missing cookie or base64Image'
 129 |       }), {
 130 |         status: 400,
 131 |         headers: { 'Content-Type': 'application/json' },
 132 |       });
 133 |     }
 134 | 
 135 |     // 从cookie中提取token
 136 |     const tokenMatch = cookie.match(/token=([^;]+)/);
 137 |     if (!tokenMatch) {
 138 |       return new Response(JSON.stringify({
 139 |         error: 'Invalid cookie format: missing token'
 140 |       }), {
 141 |         status: 400,
 142 |         headers: { 'Content-Type': 'application/json' },
 143 |       });
 144 |     }
 145 |     const token = tokenMatch[1];
 146 | 
 147 |     // 转换Base64为Blob
 148 |     const imageData = base64Image.startsWith('data:') ? base64Image : 'data:image/png;base64,' + base64Image;
 149 |     const response = await fetch(imageData);
 150 |     const blob = await response.blob();
 151 | 
 152 |     // 上传到QwenLM
 153 |     const formData = new FormData();
 154 |     formData.append('file', blob);
 155 | 
 156 |     const uploadResponse = await fetch('https://chat.qwenlm.ai/api/v1/files/', {
 157 |       method: 'POST',
 158 |       headers: {
 159 |         'accept': 'application/json',
 160 |         'authorization': `Bearer ${token}`,
 161 |         'cookie': cookie
 162 |       },
 163 |       body: formData,
 164 |     });
 165 | 
 166 |     const uploadData = await uploadResponse.json();
 167 |     if (!uploadData.id) throw new Error('File upload failed');
 168 | 
 169 |     // 调用通用识别函数
 170 |     return await recognizeImage(token, uploadData.id, request);
 171 |   } catch (error) {
 172 |     return new Response(JSON.stringify({
 173 |       error: error.message || 'Internal Server Error'
 174 |     }), {
 175 |       status: 500,
 176 |       headers: { 'Content-Type': 'application/json' },
 177 |     });
 178 |   }
 179 | }
 180 | 
 181 | // 处理文件识别 (原有功能)
 182 | async function handleFileRecognition(request) {
 183 |   try {
 184 |     const { imageId } = await request.json();
 185 |     const cookie = request.headers.get('x-custom-cookie') || '';
 186 | 
 187 |     if (!cookie || !imageId) {
 188 |       return new Response(JSON.stringify({
 189 |         error: 'Missing cookie or imageId'
 190 |       }), {
 191 |         status: 400,
 192 |         headers: { 'Content-Type': 'application/json' },
 193 |       });
 194 |     }
 195 | 
 196 |     // 从cookie中提取token
 197 |     const tokenMatch = cookie.match(/token=([^;]+)/);
 198 |     const token = tokenMatch ? tokenMatch[1] : '';
 199 | 
 200 |     return await recognizeImage(token, imageId, request);
 201 |   } catch (error) {
 202 |     return new Response(JSON.stringify({
 203 |       error: error.message || 'Internal Server Error'
 204 |     }), {
 205 |       status: 500,
 206 |       headers: { 'Content-Type': 'application/json' },
 207 |     });
 208 |   }
 209 | }
 210 | 
 211 | // 添加代理处理函数
 212 | async function handleProxyUpload(request) {
 213 |   try {
 214 |     const formData = await request.formData();
 215 |     const cookie = request.headers.get('x-custom-cookie') || '';
 216 | 
 217 |     // 从cookie中提取token
 218 |     const tokenMatch = cookie.match(/token=([^;]+)/);
 219 |     const token = tokenMatch ? tokenMatch[1] : '';
 220 | 
 221 |     const response = await fetch('https://chat.qwenlm.ai/api/v1/files/', {
 222 |       method: 'POST',
 223 |       headers: {
 224 |         'accept': 'application/json',
 225 |         'authorization': `Bearer ${token}`,
 226 |         'cookie': cookie
 227 |       },
 228 |       body: formData,
 229 |     });
 230 | 
 231 |     const data = await response.json();
 232 | 
 233 |     return new Response(JSON.stringify(data), {
 234 |       headers: {
 235 |         'Content-Type': 'application/json',
 236 |         'Access-Control-Allow-Origin': '*',
 237 |       },
 238 |     });
 239 |   } catch (error) {
 240 |     return new Response(JSON.stringify({
 241 |       error: error.message || 'Proxy upload failed'
 242 |     }), {
 243 |       status: 500,
 244 |       headers: {
 245 |         'Content-Type': 'application/json',
 246 |         'Access-Control-Allow-Origin': '*',
 247 |       },
 248 |     });
 249 |   }
 250 | }
 251 | 
 252 | // 通用的识别函数
 253 | async function recognizeImage(token, imageId, request) {
 254 |   const cookie = request.headers.get('x-custom-cookie') || '';
 255 | 
 256 |   // 从请求头中获取高级模式状态和自定义prompt
 257 |   const advancedMode = request.headers.get('x-advanced-mode') === 'true';
 258 | 
 259 |   // 解码自定义prompt
 260 |   let customPrompt = '';
 261 |   try {
 262 |     const encodedPrompt = request.headers.get('x-custom-prompt');
 263 |     if (encodedPrompt) {
 264 |       customPrompt = decodeURIComponent(atob(encodedPrompt));
 265 |     }
 266 |   } catch (error) {
 267 |     console.error('Prompt解码错误:', error);
 268 |   }
 269 | 
 270 |   const defaultPrompt =
 271 |     '不要输出任何额外的解释或说明,禁止输出例如：识别内容、以上内容已严格按照要求进行格式化和转换等相关无意义的文字！' + '请识别图片中的内容，注意以下要求：\n' +
 272 |     '对于数学公式和普通文本：\n' +
 273 |     '1. 所有数学公式和数学符号都必须使用标准的LaTeX格式\n' +
 274 |     '2. 行内公式使用单个$符号包裹，如：$x^2$\n' +
 275 |     '3. 独立公式块使用两个$$符号包裹，如：$$\\sum_{i=1}^n i^2$$\n' +
 276 |     '4. 普通文本保持原样，不要使用LaTeX格式\n' +
 277 |     '5. 保持原文的段落格式和换行\n' +
 278 |     '6. 明显的换行使用\\n表示\n' +
 279 |     '7. 确保所有数学符号都被正确包裹在$或$$中\n\n' +
 280 |     '对于验证码图片：\n' +
 281 |     '1. 只输出验证码字符，不要加任何额外解释\n' +
 282 |     '2. 忽略干扰线和噪点\n' +
 283 |     '3. 注意区分相似字符，如0和O、1和l、2和Z等\n' +
 284 |     '4. 验证码通常为4-6位字母数字组合\n\n' +
 285 |     '';
 286 |   const response = await fetch('https://chat.qwenlm.ai/api/chat/completions', {
 287 |     method: 'POST',
 288 |     headers: {
 289 |       'Content-Type': 'application/json',
 290 |       'User-Agent': 'PostmanRuntime/7.43.0',
 291 |       'accept': '*/*',
 292 |       'authorization': `Bearer ${token}`,
 293 |       'cookie': cookie,
 294 |     },
 295 |     body: JSON.stringify({
 296 |       stream: false,
 297 |       chat_type: "t2t",
 298 |       model: 'qwen-max-latest',
 299 |       messages: [
 300 |         {
 301 |           role: 'user',
 302 |           content: [
 303 |             {
 304 |               type: 'text',
 305 |               text: advancedMode ? customPrompt : defaultPrompt,
 306 |               chat_type: "t2t"
 307 |             },
 308 |             {
 309 |               type: 'image',
 310 |               image: imageId,
 311 |               chat_type: "t2t"
 312 |             },
 313 |           ],
 314 |         },
 315 |       ],
 316 |       session_id: '1',
 317 |       chat_id: '2',
 318 |       id: '3',
 319 |     }),
 320 |   });
 321 | 
 322 |   const data = await response.json();
 323 |   let result = data.choices[0]?.message?.content || '识别失败';
 324 | 
 325 |   // 只在非高级模式下进行格式化处理
 326 |   if (!advancedMode) {
 327 |     // 如果结果长度小于10且只包含字母数字，很可能是验证码
 328 |     if (result.length <= 10 && /^[A-Za-z0-9]+$/.test(result)) {
 329 |       return new Response(JSON.stringify({
 330 |         success: true,
 331 |         result: result.toUpperCase(),
 332 |         type: 'captcha'
 333 |       }), {
 334 |         headers: {
 335 |           'Content-Type': 'application/json',
 336 |           'Access-Control-Allow-Origin': '*',
 337 |         },
 338 |       });
 339 |     }
 340 | 
 341 |     // 其他情况（数学公式和普通文本）的处理
 342 |     result = result
 343 |       .replace(/\\（/g, '\\(')
 344 |       .replace(/\\）/g, '\\)')
 345 |       .replace(/\n{3,}/g, '\n\n')
 346 |       .replace(/([^\n])\n([^\n])/g, '$1\n$2')
 347 |       .replace(/\$\s+/g, '$')
 348 |       .replace(/\s+\$/g, '$')
 349 |       .replace(/\$\$/g, '$$')
 350 |       .trim();
 351 |   }
 352 | 
 353 |   return new Response(JSON.stringify({
 354 |     success: true,
 355 |     result: result,
 356 |     type: 'text'
 357 |   }), {
 358 |     headers: {
 359 |       'Content-Type': 'application/json',
 360 |       'Access-Control-Allow-Origin': '*',
 361 |     },
 362 |   });
 363 | }
 364 | 
 365 | function getHTML() {
 366 |   const html = [
 367 |     '<!DOCTYPE html>',
 368 |     '<html lang="zh-CN">',
 369 |     '<head>',
 370 |     '<meta charset="UTF-8">',
 371 |     '<meta name="viewport" content="width=device-width, initial-scale=1.0">',
 372 |     '<link rel="icon" type="image/png" href="data:image/png;base64,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">',
 373 |     '<title>Qwen VL 智能识别系统</title>',
 374 | 
 375 |     // 添加 MathJax 支持
 376 |     '<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>',
 377 |     '<script>',
 378 |     'window.MathJax = {',
 379 |     '  tex: {',
 380 |     '    inlineMath: [["$", "$"]],',
 381 |     '    displayMath: [["$$", "$$"]]',
 382 |     '  },',
 383 |     '  startup: {',
 384 |     '    pageReady: () => {',
 385 |     '      return MathJax.startup.defaultPageReady().then(() => {',
 386 |     '        // MathJax 加载完成后刷新历史记录',
 387 |     '        if (currentToken) {',
 388 |     '          historyManager.displayHistory(currentToken);',
 389 |     '        }',
 390 |     '      });',
 391 |     '    }',
 392 |     '  },',
 393 |     '  options: {',
 394 |     '    enableMenu: false',
 395 |     '  }',
 396 |     '};',
 397 |     '</script>',
 398 |     '<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>',
 399 |     '<script>',
 400 |     'function waitForMathJax(callback, maxTries = 30) {',
 401 |     '  let tries = 0;',
 402 |     '  const checkMathJax = () => {',
 403 |     '    tries++;',
 404 |     '    if (window.MathJax && window.MathJax.typesetPromise) {',
 405 |     '      callback();',
 406 |     '    } else if (tries < maxTries) {',
 407 |     '      setTimeout(checkMathJax, 100);',
 408 |     '    }',
 409 |     '  };',
 410 |     '  checkMathJax();',
 411 |     '}',
 412 |     '</script>',
 413 | 
 414 |     '<style>',
 415 |     '    * {',
 416 |     '      box-sizing: border-box;',
 417 |     '      margin: 0;',
 418 |     '      padding: 0;',
 419 |     '    }',
 420 | 
 421 |     '    body {',
 422 |     '      font-family: -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Oxygen, Ubuntu, sans-serif;',
 423 |     '      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);',
 424 |     '      min-height: 100vh;',
 425 |     '      display: flex;',
 426 |     '      justify-content: center;',
 427 |     '      align-items: center;',
 428 |     '      padding: 20px;',
 429 |     '    }',
 430 | 
 431 |     '    .container {',
 432 |     '      background: rgba(255, 255, 255, 0.95);',
 433 |     '      padding: 2.5rem;',
 434 |     '      padding-bottom: 4rem;',
 435 |     '      border-radius: 16px;',
 436 |     '      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);',
 437 |     '      width: 90%;',
 438 |     '      max-width: 800px;',
 439 |     '      transition: all 0.3s ease;',
 440 |     '    }',
 441 | 
 442 |     '    h1 {',
 443 |     '      color: #2c3e50;',
 444 |     '      margin-bottom: 0.5rem;',
 445 |     '      font-size: 2.2rem;',
 446 |     '      text-align: center;',
 447 |     '      font-weight: 700;',
 448 |     '      text-transform: uppercase;',
 449 |     '      letter-spacing: 2px;',
 450 |     '      background: linear-gradient(135deg, #1a5fb4 0%, #3498db 100%);',
 451 |     '      -webkit-background-clip: text;',
 452 |     '      -webkit-text-fill-color: transparent;',
 453 |     '      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);',
 454 |     '      position: relative;',
 455 |     '      padding-bottom: 10px;',
 456 |     '      animation: titleFadeIn 1s ease-out;',
 457 |     '    }',
 458 | 
 459 |     '    @keyframes titleFadeIn {',
 460 |     '      from {',
 461 |     '        opacity: 0;',
 462 |     '        transform: translateY(-20px);',
 463 |     '      }',
 464 |     '      to {',
 465 |     '        opacity: 1;',
 466 |     '        transform: translateY(0);',
 467 |     '      }',
 468 |     '    }',
 469 | 
 470 |     '    h1::after {',
 471 |     '      content: "";',
 472 |     '      position: absolute;',
 473 |     '      bottom: 0;',
 474 |     '      left: 50%;',
 475 |     '      transform: translateX(-50%);',
 476 |     '      width: 100px;',
 477 |     '      height: 3px;',
 478 |     '      background: linear-gradient(90deg, transparent, #3498db, transparent);',
 479 |     '    }',
 480 | 
 481 |     '    .subtitle {',
 482 |     '      color: #7f8c8d;',
 483 |     '      text-align: center;',
 484 |     '      font-size: 1.1rem;',
 485 |     '      margin-bottom: 1.5rem;',
 486 |     '      font-weight: 300;',
 487 |     '      letter-spacing: 1px;',
 488 |     '      opacity: 0.8;',
 489 |     '      animation: subtitleFadeIn 1s ease-out 0.3s both;',
 490 |     '    }',
 491 | 
 492 |     '    @keyframes subtitleFadeIn {',
 493 |     '      from {',
 494 |     '        opacity: 0;',
 495 |     '        transform: translateY(10px);',
 496 |     '      }',
 497 |     '      to {',
 498 |     '        opacity: 0.8;',
 499 |     '        transform: translateY(0);',
 500 |     '      }',
 501 |     '    }',
 502 | 
 503 |     '    .upload-area {',
 504 |     '      border: 2px dashed #8e9eab;',
 505 |     '      border-radius: 12px;',
 506 |     '      padding: 2rem;',
 507 |     '      text-align: center;',
 508 |     '      transition: all 0.3s ease;',
 509 |     '      margin-bottom: 1.5rem;',
 510 |     '      cursor: pointer;',
 511 |     '      position: relative;',
 512 |     '      overflow: hidden;',
 513 |     '    }',
 514 | 
 515 |     '    .upload-area:hover {',
 516 |     '      border-color: #3498db;',
 517 |     '      background: rgba(52, 152, 219, 0.05);',
 518 |     '    }',
 519 | 
 520 |     '    .upload-area.dragover {',
 521 |     '      border-color: #3498db;',
 522 |     '      background: rgba(52, 152, 219, 0.1);',
 523 |     '      transform: scale(1.02);',
 524 |     '    }',
 525 | 
 526 |     '    .upload-area i {',
 527 |     '      font-size: 2rem;',
 528 |     '      color: #8e9eab;',
 529 |     '      margin-bottom: 1rem;',
 530 |     '    }',
 531 | 
 532 |     '    .upload-text {',
 533 |     '      color: #7f8c8d;',
 534 |     '      font-size: 0.9rem;',
 535 |     '    }',
 536 | 
 537 |     '    #tokens {',
 538 |     '      width: 100%;',
 539 |     '      padding: 0.8rem;',
 540 |     '      border: 1px solid #dcdde1;',
 541 |     '      border-radius: 8px;',
 542 |     '      margin-bottom: 1rem;',
 543 |     '      font-size: 0.9rem;',
 544 |     '      resize: none;',
 545 |     '    }',
 546 | 
 547 |     '    .result-container {',
 548 |     '      margin-top: 1.5rem;',
 549 |     '      opacity: 0;',
 550 |     '      transform: translateY(20px);',
 551 |     '      transition: all 0.3s ease;',
 552 |     '    }',
 553 | 
 554 |     '    .result-container.show {',
 555 |     '      opacity: 1;',
 556 |     '      transform: translateY(0);',
 557 |     '    }',
 558 | 
 559 |     '    .result {',
 560 |     '      background: #f8f9fa;',
 561 |     '      padding: 1.2rem;',
 562 |     '      border-radius: 8px;',
 563 |     '      color: #2c3e50;',
 564 |     '      font-size: 1rem;',
 565 |     '      line-height: 1.6;',
 566 |     '      white-space: pre-wrap;',
 567 |     '    }',
 568 | 
 569 |     '    .loading {',
 570 |     '      display: none;',
 571 |     '      text-align: center;',
 572 |     '      margin: 1rem 0;',
 573 |     '    }',
 574 | 
 575 |     '    .loading::after {',
 576 |     '      content: \'\';',
 577 |     '      display: inline-block;',
 578 |     '      width: 20px;',
 579 |     '      height: 20px;',
 580 |     '      border: 2px solid #3498db;',
 581 |     '      border-radius: 50%;',
 582 |     '      border-top-color: transparent;',
 583 |     '      animation: spin 0.8s linear infinite;',
 584 |     '    }',
 585 | 
 586 |     '    @keyframes spin {',
 587 |     '      to { transform: rotate(360deg); }',
 588 |     '    }',
 589 | 
 590 |     '    .preview-image {',
 591 |     '      max-width: 100%;',
 592 |     '      max-height: 200px;',
 593 |     '      margin: 1rem 0;',
 594 |     '      border-radius: 8px;',
 595 |     '      display: none;',
 596 |     '    }',
 597 | 
 598 |     '    /* 侧边栏样式 */',
 599 |     '    .sidebar {',
 600 |     '      position: fixed;',
 601 |     '      right: -300px;',
 602 |     '      top: 0;',
 603 |     '      width: 300px;',
 604 |     '      height: 100vh;',
 605 |     '      background: white;',
 606 |     '      box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);',
 607 |     '      transition: right 0.3s ease;',
 608 |     '      padding: 20px;',
 609 |     '      z-index: 1000;',
 610 |     '    }',
 611 | 
 612 |     '    .sidebar.open {',
 613 |     '      right: 0;',
 614 |     '    }',
 615 | 
 616 |     '    .sidebar-toggle {',
 617 |     '      position: fixed;',
 618 |     '      right: 20px;',
 619 |     '      top: 20px;',
 620 |     '      background: #3498db;',
 621 |     '      color: white;',
 622 |     '      border: none;',
 623 |     '      padding: 10px 15px;',
 624 |     '      border-radius: 5px;',
 625 |     '      cursor: pointer;',
 626 |     '      z-index: 1001;',
 627 |     '    }',
 628 | 
 629 |     '    .token-list {',
 630 |     '      margin-top: 20px;',
 631 |     '    }',
 632 | 
 633 |     '    .token-item {',
 634 |     '      background: #f8f9fa;',
 635 |     '      padding: 10px;',
 636 |     '      margin-bottom: 10px;',
 637 |     '      border-radius: 5px;',
 638 |     '      cursor: pointer;',
 639 |     '      word-break: break-all;',
 640 |     '    }',
 641 | 
 642 |     '    .token-item:hover {',
 643 |     '      background: #e9ecef;',
 644 |     '    }',
 645 | 
 646 |     '    #tokenInput {',
 647 |     '      width: 100%;',
 648 |     '      padding: 10px;',
 649 |     '      margin-bottom: 10px;',
 650 |     '      border: 1px solid #dcdde1;',
 651 |     '      border-radius: 5px;',
 652 |     '    }',
 653 | 
 654 |     '    .save-btn {',
 655 |     '      background: #3498db;',
 656 |     '      color: white;',
 657 |     '      border: none;',
 658 |     '      padding: 10px 15px;',
 659 |     '      border-radius: 5px;',
 660 |     '      cursor: pointer;',
 661 |     '      width: 100%;',
 662 |     '    }',
 663 | 
 664 |     '    /* 历史记录样式 */',
 665 |     '    .history-container {',
 666 |     '      margin-top: 2rem;',
 667 |     '      border-top: 1px solid #eee;',
 668 |     '      padding-top: 1rem;',
 669 |     '    }',
 670 | 
 671 |     '    .history-title {',
 672 |     '      color: #2c3e50;',
 673 |     '      font-size: 1.2rem;',
 674 |     '      margin-bottom: 1rem;',
 675 |     '    }',
 676 | 
 677 |     '    .history-item {',
 678 |     '      background: #ffffff;',
 679 |     '      border-radius: 12px;',
 680 |     '      margin-bottom: 20px;',
 681 |     '      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);',
 682 |     '      overflow: hidden;',
 683 |     '      transition: transform 0.2s ease, box-shadow 0.2s ease;',
 684 |     '      display: flex;', // Changed from horizontal to vertical layout
 685 |     '      flex-direction: column;', // Added for vertical layout
 686 |     '    }',
 687 | 
 688 |     '    .history-item:hover {',
 689 |     '      transform: translateY(-2px);',
 690 |     '      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);',
 691 |     '    }',
 692 | 
 693 |     '    .history-image-container {',
 694 |     '      position: relative;',
 695 |     '      width: 100%;', // Changed to take full width
 696 |     '      height: 200px;',
 697 |     '      overflow: hidden;',
 698 |     '    }',
 699 | 
 700 |     '    .history-image {',
 701 |     '      width: 100%;',
 702 |     '      height: 100%;',
 703 |     '      object-fit: cover;',
 704 |     '      transition: transform 0.3s ease;',
 705 |     '    }',
 706 | 
 707 |     '    .history-content {',
 708 |     '      flex: 1;',
 709 |     '    }',
 710 | 
 711 |     '    .history-text {',
 712 |     '      color: #2c3e50;',
 713 |     '      font-size: 0.9rem;',
 714 |     '      line-height: 1.4;',
 715 |     '    }',
 716 | 
 717 |     '    .history-time {',
 718 |     '      color: #7f8c8d;',
 719 |     '      font-size: 0.8rem;',
 720 |     '      margin-top: 0.5rem;',
 721 |     '    }',
 722 | 
 723 |     '    .no-history {',
 724 |     '      text-align: center;',
 725 |     '      color: #7f8c8d;',
 726 |     '      padding: 1rem;',
 727 |     '    }',
 728 | 
 729 |     '    .modal {',
 730 |     '      display: none;',
 731 |     '      position: fixed;',
 732 |     '      top: 0;',
 733 |     '      left: 0;',
 734 |     '      width: 100%;',
 735 |     '      height: 100%;',
 736 |     '      background-color: rgba(0, 0, 0, 0.9);',
 737 |     '      z-index: 2000;',
 738 |     '      cursor: pointer;',
 739 |     '    }',
 740 | 
 741 |     '    .modal-content {',
 742 |     '      max-width: 90%;',
 743 |     '      max-height: 90vh;',
 744 |     '      margin: auto;',
 745 |     '      display: block;',
 746 |     '      position: relative;',
 747 |     '      top: 50%;',
 748 |     '      transform: translateY(-50%);',
 749 |     '    }',
 750 | 
 751 |     '    /* 修改侧边栏样式 */',
 752 |     '    .sidebar {',
 753 |     '      position: fixed;',
 754 |     '      right: -400px;',
 755 |     '      top: 0;',
 756 |     '      width: 400px;',
 757 |     '      height: 100vh;',
 758 |     '      background: rgba(255, 255, 255, 0.95);',
 759 |     '      backdrop-filter: blur(10px);',
 760 |     '      box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);',
 761 |     '      transition: right 0.3s ease;',
 762 |     '      padding: 30px;',
 763 |     '      z-index: 1000;',
 764 |     '    }',
 765 | 
 766 |     '    .sidebar-header {',
 767 |     '      display: flex;',
 768 |     '      justify-content: space-between;',
 769 |     '      align-items: center;',
 770 |     '      margin-bottom: 20px;',
 771 |     '      padding-bottom: 15px;',
 772 |     '      border-bottom: 2px solid #eee;',
 773 |     '    }',
 774 | 
 775 |     '    .sidebar-header h2 {',
 776 |     '      margin: 0;',
 777 |     '      color: #2c3e50;',
 778 |     '      font-size: 1.5rem;',
 779 |     '    }',
 780 | 
 781 |     '    .close-sidebar {',
 782 |     '      background: none;',
 783 |     '      border: none;',
 784 |     '      font-size: 1.5rem;',
 785 |     '      cursor: pointer;',
 786 |     '      color: #7f8c8d;',
 787 |     '    }',
 788 | 
 789 |     '    .token-section {',
 790 |     '      margin-bottom: 25px;',
 791 |     '    }',
 792 | 
 793 |     '    .token-section label {',
 794 |     '      display: block;',
 795 |     '      margin-bottom: 10px;',
 796 |     '      color: #34495e;',
 797 |     '      font-weight: 500;',
 798 |     '    }',
 799 | 
 800 |     '    #tokenInput {',
 801 |     '      width: 100%;',
 802 |     '      padding: 12px;',
 803 |     '      border: 2px solid #e9ecef;',
 804 |     '      border-radius: 8px;',
 805 |     '      font-size: 0.95rem;',
 806 |     '      transition: border-color 0.3s ease;',
 807 |     '      margin-bottom: 15px;',
 808 |     '    }',
 809 | 
 810 |     '    #tokenInput:focus {',
 811 |     '      outline: none;',
 812 |     '      border-color: #3498db;',
 813 |     '    }',
 814 | 
 815 |     '    .save-btn {',
 816 |     '      background: #3498db;',
 817 |     '      color: white;',
 818 |     '      border: none;',
 819 |     '      padding: 12px 20px;',
 820 |     '      border-radius: 8px;',
 821 |     '      cursor: pointer;',
 822 |     '      width: 100%;',
 823 |     '      font-size: 1rem;',
 824 |     '      transition: background 0.3s ease;',
 825 |     '    }',
 826 | 
 827 |     '    .save-btn:hover {',
 828 |     '      background: #2980b9;',
 829 |     '    }',
 830 | 
 831 |     '    .token-list {',
 832 |     '      margin-top: 25px;',
 833 |     '      max-height: calc(100vh - 250px);',
 834 |     '      overflow-y: auto;',
 835 |     '    }',
 836 | 
 837 |     '    .token-item {',
 838 |     '      background: #f8f9fa;',
 839 |     '      padding: 15px;',
 840 |     '      margin-bottom: 12px;',
 841 |     '      border-radius: 8px;',
 842 |     '      cursor: pointer;',
 843 |     '      transition: all 0.3s ease;',
 844 |     '      border: 2px solid transparent;',
 845 |     '    }',
 846 | 
 847 |     '    .token-item:hover {',
 848 |     '      background: #e9ecef;',
 849 |     '      transform: translateX(-5px);',
 850 |     '    }',
 851 | 
 852 |     '    .token-item.active {',
 853 |     '      border-color: #3498db;',
 854 |     '      background: #f1f9ff;',
 855 |     '    }',
 856 | 
 857 |     '    /* 添加左侧边栏样式 */',
 858 |     '    .history-sidebar {',
 859 |     '      position: fixed;',
 860 |     '      left: -400px;',
 861 |     '      top: 0;',
 862 |     '      width: 400px;',
 863 |     '      height: 100vh;',
 864 |     '      background: rgba(255, 255, 255, 0.98);',
 865 |     '      backdrop-filter: blur(10px);',
 866 |     '      box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);',
 867 |     '      transition: left 0.3s ease;',
 868 |     '      padding: 20px;',
 869 |     '      z-index: 1000;',
 870 |     '      overflow-y: auto;',
 871 |     '    }',
 872 | 
 873 |     '    .history-sidebar.open {',
 874 |     '      left: 0;',
 875 |     '    }',
 876 | 
 877 |     '    .history-toggle {',
 878 |     '      position: fixed;',
 879 |     '      left: 20px;',
 880 |     '      top: 20px;',
 881 |     '      background: #3498db;',
 882 |     '      color: white;',
 883 |     '      border: none;',
 884 |     '      padding: 10px 15px;',
 885 |     '      border-radius: 5px;',
 886 |     '      cursor: pointer;',
 887 |     '      z-index: 1001;',
 888 |     '    }',
 889 |     
 890 |     '    .clear-all-btn {',
 891 |     '      position: fixed;',
 892 |     '      left: 300px;',
 893 |     '      top: 20px;',
 894 |     '      background: red;',
 895 |     '      color: white;',
 896 |     '      border: none;',
 897 |     '      padding: 10px 15px;',
 898 |     '      border-radius: 5px;',
 899 |     '      cursor: pointer;',
 900 |     '      z-index: 1001;',
 901 |     '    }',
 902 | 
 903 |     '    /* 添加复制按钮样式 */',
 904 |     '    .result-header {',
 905 |     '      display: flex;',
 906 |     '      justify-content: space-between;',
 907 |     '      align-items: center;',
 908 |     '      margin-bottom: 10px;',
 909 |     '    }',
 910 | 
 911 |     '    .copy-btn {',
 912 |     '      background: #3498db;',
 913 |     '      color: white;',
 914 |     '      border: none;',
 915 |     '      padding: 5px 10px;',
 916 |     '      border-radius: 4px;',
 917 |     '      cursor: pointer;',
 918 |     '      font-size: 0.9rem;',
 919 |     '      transition: background 0.3s ease;',
 920 |     '    }',
 921 | 
 922 |     '    .copy-btn:hover {',
 923 |     '      background: #2980b9;',
 924 |     '    }',
 925 | 
 926 |     '    .copy-btn.copied {',
 927 |     '      background: #27ae60;',
 928 |     '    }',
 929 | 
 930 |     '    /* Base64输入相关样式 */',
 931 |     '    #base64Input {',
 932 |     '      width: 100%;',
 933 |     '      height: 100px;',
 934 |     '      padding: 10px;',
 935 |     '      margin-top: 10px;',
 936 |     '      border: 1px solid #dcdde1;',
 937 |     '      border-radius: 8px;',
 938 |     '      resize: vertical;',
 939 |     '    }',
 940 |     '    .toggle-btn {',
 941 |     '      background: #3498db;',
 942 |     '      color: white;',
 943 |     '      border: none;',
 944 |     '      padding: 8px 15px;',
 945 |     '      border-radius: 5px;',
 946 |     '      cursor: pointer;',
 947 |     '      margin-top: 10px;',
 948 |     '      transition: background 0.3s ease;',
 949 |     '    }',
 950 |     '    .toggle-btn:hover {',
 951 |     '      background: #2980b9;',
 952 |     '    }',
 953 | 
 954 |     '    /* 修改历史记录侧边栏样式 */',
 955 |     '    .history-item {',
 956 |     '      background: #ffffff;',
 957 |     '      border-radius: 12px;',
 958 |     '      margin-bottom: 20px;',
 959 |     '      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);',
 960 |     '      overflow: hidden;',
 961 |     '      transition: transform 0.2s ease, box-shadow 0.2s ease;',
 962 |     '      display: flex;', // Changed from horizontal to vertical layout
 963 |     '      flex-direction: column;', // Added for vertical layout
 964 |     '    }',
 965 | 
 966 |     '    .history-item:hover {',
 967 |     '      transform: translateY(-2px);',
 968 |     '      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);',
 969 |     '    }',
 970 | 
 971 |     '    .history-image-container {',
 972 |     '      position: relative;',
 973 |     '      width: 100%;', // Changed to take full width
 974 |     '      height: 200px;',
 975 |     '      overflow: hidden;',
 976 |     '    }',
 977 | 
 978 |     '    .history-image {',
 979 |     '      width: 100%;',
 980 |     '      height: 100%;',
 981 |     '      object-fit: cover;',
 982 |     '      transition: transform 0.3s ease;',
 983 |     '    }',
 984 | 
 985 |     '    .history-content {',
 986 |     '      padding: 16px;',
 987 |     '    }',
 988 | 
 989 |     '    .history-header {',
 990 |     '      display: flex;',
 991 |     '      justify-content: space-between;',
 992 |     '      align-items: center;',
 993 |     '      margin-bottom: 12px;',
 994 |     '      padding-bottom: 12px;',
 995 |     '      border-bottom: 1px solid #eee;',
 996 |     '    }',
 997 | 
 998 |     '    .history-time {',
 999 |     '      color: #7f8c8d;',
1000 |     '      font-size: 0.9rem;',
1001 |     '    }',
1002 | 
1003 |     '    .history-actions {',
1004 |     '      display: flex;',
1005 |     '      gap: 8px;',
1006 |     '    }',
1007 | 
1008 |     '    .action-btn {',
1009 |     '      background: none;',
1010 |     '      border: 1px solid #e0e0e0;',
1011 |     '      padding: 4px 8px;',
1012 |     '      border-radius: 4px;',
1013 |     '      cursor: pointer;',
1014 |     '      font-size: 0.8rem;',
1015 |     '      transition: all 0.2s ease;',
1016 |     '    }',
1017 | 
1018 |     '    .action-btn.copy-btn {',
1019 |     '      color: #3498db;',
1020 |     '    }',
1021 | 
1022 |     '    .action-btn.delete-btn {',
1023 |     '      color: #e74c3c;',
1024 |     '    }',
1025 | 
1026 |     '    .action-btn:hover {',
1027 |     '      background: #f8f9fa;',
1028 |     '      transform: translateY(-1px);',
1029 |     '    }',
1030 | 
1031 |     '    .history-text {',
1032 |     '      color: #2c3e50;',
1033 |     '      font-size: 0.95rem;',
1034 |     '      line-height: 1.6;',
1035 |     '      max-height: 200px;',
1036 |     '      overflow-y: auto;',
1037 |     '      padding-right: 8px;',
1038 |     '    }',
1039 | 
1040 |     '    .history-text::-webkit-scrollbar {',
1041 |     '      width: 4px;',
1042 |     '    }',
1043 | 
1044 |     '    .history-text::-webkit-scrollbar-track {',
1045 |     '      background: #f1f1f1;',
1046 |     '    }',
1047 | 
1048 |     '    .history-text::-webkit-scrollbar-thumb {',
1049 |     '      background: #c0c0c0;',
1050 |     '      border-radius: 2px;',
1051 |     '    }',
1052 | 
1053 |     '    .footer {',
1054 |     '      position: fixed;',
1055 |     '      bottom: 0;',
1056 |     '      left: 0;',
1057 |     '      width: 100%;',
1058 |     '      padding: 15px;',
1059 |     '      text-align: center;',
1060 |     '      background: rgba(255, 255, 255, 0.9);',
1061 |     '      backdrop-filter: blur(5px);',
1062 |     '      z-index: 900;',
1063 |     ' display: flex;',
1064 |     '      justify-content: center;',
1065 |     '      align-items: center;',
1066 |     '    }',
1067 |     '    .footer-content {',
1068 |     '      text-align: center;',
1069 |     '      width: 100%;',
1070 |     '    }',
1071 |     '    .powered-by {',
1072 |     '      color: #7f8c8d;',
1073 |     '      font-size: 0.9rem;',
1074 |     '    }',
1075 | 
1076 |     '    .powered-by a {',
1077 |     '      color: #3498db;',
1078 |     '      text-decoration: none;',
1079 |     '      transition: color 0.3s ease;',
1080 |     '      font-weight: 500;',
1081 |     '    }',
1082 | 
1083 |     '    .powered-by a:hover {',
1084 |     '      color: #2980b9;',
1085 |     '    }',
1086 | 
1087 |     '    .powered-by {',
1088 |     '      color: #7f8c8d;',
1089 |     '      font-size: 0.9rem;',
1090 |     '    }',
1091 | 
1092 |     '    .powered-by a {',
1093 |     '      color: #3498db;',
1094 |     '      text-decoration: none;',
1095 |     '      transition: color 0.3s ease;',
1096 |     '      font-weight: 500;',
1097 |     '    }',
1098 | 
1099 |     '    .powered-by a:hover {',
1100 |     '      color: #2980b9;',
1101 |     '    }',
1102 | 
1103 |     '    /* 输入控件组样式 */',
1104 |     '    .input-controls {',
1105 |     '      margin-top: 15px;',
1106 |     '      width: 100%;',
1107 |     '    }',
1108 | 
1109 |     '    .button-group {',
1110 |     '      display: flex;',
1111 |     '      gap: 10px;',
1112 |     '      margin-top: 10px;',
1113 |     '      justify-content: center;',
1114 |     '    }',
1115 | 
1116 |     '    #urlInput {',
1117 |     '      width: 100%;',
1118 |     '      padding: 10px;',
1119 |     '      border: 1px solid #dcdde1;',
1120 |     '      border-radius: 8px;',
1121 |     '      resize: none;',
1122 |     '      font-size: 14px;',
1123 |     '    }',
1124 | 
1125 |     '    .github-link {',
1126 |     '      position: fixed;',
1127 |     '      right: 150px;',
1128 |     '      top: 20px;',
1129 |     '      background: #333;',
1130 |     '      color: white;',
1131 |     '      border: none;',
1132 |     '      padding: 10px;',
1133 |     '      border-radius: 50%;',
1134 |     '      cursor: pointer;',
1135 |     '      z-index: 1001;',
1136 |     '      width: 40px;',
1137 |     '      height: 40px;',
1138 |     '      display: flex;',
1139 |     '      align-items: center;',
1140 |     '      justify-content: center;',
1141 |     '      transition: background 0.3s ease;',
1142 |     '    }',
1143 | 
1144 |     '    .github-link:hover {',
1145 |     '      background: #24292e;',
1146 |     '    }',
1147 | 
1148 |     '    .github-icon {',
1149 |     '      width: 24px;',
1150 |     '      height: 24px;',
1151 |     '    }',
1152 | 
1153 |     '    .cookie-input-container {',
1154 |     '      margin-bottom: 15px;',
1155 |     '    }',
1156 | 
1157 |     '    #cookieInput {',
1158 |     '      width: 100%;',
1159 |     '      padding: 12px;',
1160 |     '      border: 2px solid #e9ecef;',
1161 |     '      border-radius: 8px;',
1162 |     '      font-size: 0.95rem;',
1163 |     '      resize: vertical;',
1164 |     '      min-height: 120px;',
1165 |     '      font-family: monospace;',
1166 |     '      line-height: 1.4;',
1167 |     '    }',
1168 | 
1169 |     '    #cookieInput:focus {',
1170 |     '      outline: none;',
1171 |     '      border-color: #3498db;',
1172 |     '    }',
1173 | 
1174 |     '    .cookie-info {',
1175 |     '      background: #f8f9fa;',
1176 |     '      padding: 12px;',
1177 |     '      border-radius: 8px;',
1178 |     '      margin-bottom: 15px;',
1179 |     '    }',
1180 | 
1181 |     '    .cookie-info p {',
1182 |     '      margin: 0;',
1183 |     '      color: #2c3e50;',
1184 |     '      font-size: 0.9rem;',
1185 |     '      margin-bottom: 8px;', // 添加底部间距
1186 |     '    }',
1187 | 
1188 |     '    .cookie-info p:last-child {',
1189 |     '      margin-bottom: 0;', // 最后一个p元素不需要底部间距
1190 |     '    }',
1191 | 
1192 |     '    .token-expiry {',
1193 |     '      color: #7f8c8d;',
1194 |     '      font-size: 0.85rem;',
1195 |     '    }',
1196 | 
1197 |     '    .token-expiry.expired {',
1198 |     '      color: #e74c3c;',
1199 |     '    }',
1200 | 
1201 |     '    #currentTokenDisplay {',
1202 |     '      color: #3498db;',
1203 |     '      font-family: monospace;',
1204 |     '      word-break: break-all;',
1205 |     '    }',
1206 | 
1207 |     // 添加获取cookie按钮样式
1208 |     '    .get-cookie-link {',
1209 |     '      position: fixed;',
1210 |     '      left: 150px;', // 放在github图标左边
1211 |     '      top: 22px;',
1212 |     '      background: #2ecc71;', // 使用不同的颜色区分
1213 |     '      color: white;',
1214 |     '      border: none;',
1215 |     '      padding: 8px 15px;',
1216 |     '      border-radius: 5px;',
1217 |     '      cursor: pointer;',
1218 |     '      z-index: 1001;',
1219 |     '      text-decoration: none;',
1220 |     '      font-size: 14px;',
1221 |     '      transition: background 0.3s ease;',
1222 |     '    }',
1223 | 
1224 |     '    .get-cookie-link:hover {',
1225 |     '      background: #27ae60;',
1226 |     '    }',
1227 | 
1228 |     '    .advanced-mode-toggle {',
1229 |     '      display: flex;',
1230 |     '      align-items: center;',
1231 |     '      margin-bottom: 15px;',
1232 |     '      padding: 10px;',
1233 |     '      background: #f8f9fa;',
1234 |     '      border-radius: 8px;',
1235 |     '    }',
1236 | 
1237 |     '    .advanced-mode-toggle input[type="checkbox"] {',
1238 |     '      margin-right: 10px;',
1239 |     '    }',
1240 | 
1241 |     '    .prompt-container {',
1242 |     '      display: none;', // 默认隐藏
1243 |     '      margin-bottom: 15px;',
1244 |     '    }',
1245 | 
1246 |     '    .prompt-container.show {',
1247 |     '      display: block;',
1248 |     '    }',
1249 | 
1250 |     '    #promptInput {',
1251 |     '      width: 100%;',
1252 |     '      padding: 12px;',
1253 |     '      border: 2px solid #e9ecef;',
1254 |     '      border-radius: 8px;',
1255 |     '      font-size: 0.95rem;',
1256 |     '      resize: vertical;',
1257 |     '      min-height: 120px;',
1258 |     '      font-family: monospace;',
1259 |     '      line-height: 1.4;',
1260 |     '    }',
1261 | 
1262 |     '    #promptInput:focus {',
1263 |     '      outline: none;',
1264 |     '      border-color: #3498db;',
1265 |     '    }',
1266 |     '</style>',
1267 |     '</head>',
1268 |     '<body>',
1269 |     '<a href="https://chat.qwenlm.ai/" target="_blank" rel="noopener noreferrer" class="get-cookie-link">',
1270 |     '  获取Cookie',
1271 |     '</a>',
1272 |     '<a href="https://github.com/Cunninger/ocr-based-qwen" target="_blank" rel="noopener noreferrer" class="github-link" title="View on GitHub">',
1273 |     '  <svg class="github-icon" viewBox="0 0 16 16" fill="currentColor">',
1274 |     '    <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>',
1275 |     '  </svg>',
1276 |     '</a>',
1277 |     '<button class="sidebar-toggle" id="sidebarToggle">⚙️ Cookie设置</button>',
1278 |     '<div class="sidebar" id="sidebar">',
1279 |     '<div class="sidebar-header">',
1280 |     '<h2>Cookie管理</h2>',
1281 |     '<button class="close-sidebar" id="closeSidebar">×</button>',
1282 |     '</div>',
1283 |     '<div class="token-section">',
1284 |     '<label for="cookieInput">输入Cookie</label>',
1285 |     '<div class="cookie-input-container">',
1286 |     '<textarea id="cookieInput" placeholder="请输入完整的cookie字符串..." rows="8"></textarea>',
1287 |     '</div>',
1288 |     '<div class="cookie-info">',
1289 |     '<p>当前Token: <span id="currentTokenDisplay">未设置</span></p>',
1290 |     '<p>过期时间: <span id="tokenExpiryDisplay" class="token-expiry">未知</span></p>',
1291 |     '</div>',
1292 |     '<button class="save-btn" id="saveTokens">保存设置</button>',
1293 |     '</div>',
1294 |     // 添加 tokenList 容器
1295 |     '<div class="token-list" id="tokenList"></div>', // 添加这一行
1296 |     '<div class="advanced-mode-toggle">',
1297 |     '  <input type="checkbox" id="advancedMode">',
1298 |     '  <label for="advancedMode">高级模式 (自定义Prompt)</label>',
1299 |     '</div>',
1300 |     '<div class="prompt-container" id="promptContainer">',
1301 |     '  <label for="promptInput">自定义Prompt</label>',
1302 |     '  <textarea id="promptInput" placeholder="输入自定义prompt...">请识别图片中的内容，注意以下要求：\n对于数学公式和普通文本：\n1. 所有数学公式和数学符号都必须使用标准的LaTeX格式\n2. 行内公式使用单个$符号包裹，如：$x^2$\n3. 独立公式块使用两个$$符号包裹，如：$$\\sum_{i=1}^n i^2$$\n4. 普通文本保持原样，不要使用LaTeX格式\n5. 保持原文的段落格式和换行\n6. 明显的换行使用\\n表示\n7. 确保所有数学符号都被正确包裹在$或$$中\n\n对于验证码图片：\n1. 只输出验证码字符，不要加任何额外解释\n2. 忽略干扰线和噪点\n3. 注意区分相似字符，如0和O、1和l、2和Z等\n4. 验证码通常为4-6位字母数字组合\n\n不要输出任何额外的解释或说明</textarea>',
1303 |     '</div>',
1304 |     '</div>',
1305 | 
1306 |     '<div class="container">',
1307 |     '<h1>Qwen VL 智能识别系统</h1>',
1308 |     '<div class="subtitle">基于通义千问大模型的多模态智能识别引擎</div>',
1309 |     '<div class="upload-area" id="uploadArea">',
1310 |     '<i>📸</i>',
1311 |     '<div class="upload-text">',
1312 |     '拖拽图片到这里，点击上传，或粘贴图片/Base64/URL<br>',
1313 |     '支持多种输入方式',
1314 |     '</div>',
1315 |     '<div class="input-controls">',
1316 |     '<textarea id="base64Input" placeholder="在此输入Base64格式的图片内容..." style="display: none; width: 100%; height: 100px; margin-top: 10px;"></textarea>',
1317 |     '<textarea id="urlInput" placeholder="在此输入图片URL..." style="display: none; width: 100%; height: 40px; margin-top: 10px;"></textarea>',
1318 |     '<div class="button-group">',
1319 |     '<button id="toggleBase64" class="toggle-btn">Base64输入</button>',
1320 |     '<button id="toggleUrl" class="toggle-btn">URL输入</button>',
1321 |     '</div>',
1322 |     '</div>',
1323 |     '<img id="previewImage" class="preview-image">',
1324 |     '</div>',
1325 |     '<div class="loading" id="loading"></div>',
1326 |     '<div class="result-container" id="resultContainer">',
1327 |     '<div class="result-header">',
1328 |     '<span>识别结果</span>',
1329 |     '<button class="copy-btn" id="copyBtn">复制结果</button>',
1330 |     '</div>',
1331 |     '<div class="result" id="result"></div>',
1332 |     '</div>',
1333 |     '<button class="history-toggle" id="historyToggle">📋 识别历史</button>',
1334 |     '<div class="history-sidebar" id="historySidebar">',
1335 |     '<div class="history-header">',
1336 |     '<h2>识别历史</h2>',
1337 |     '<button class="clear-all-btn" id="clearAllHistory">清空全部</button>',
1338 |     '</div>',
1339 |     '<div id="historyList"></div>',
1340 |     '</div>',
1341 |     '<div class="footer-content">',
1342 |     '<div class="powered-by">',
1343 |     '由 <a href="https://chat.qwenlm.ai/" target="_blank" rel="noopener noreferrer">Qwen VL</a> 提供支持，一切仅用于学习使用！',
1344 |     '</div>',
1345 |     '</div>',
1346 |     '</div>',
1347 | 
1348 |     '<div id="imageModal" class="modal">',
1349 |     '<img class="modal-content" id="modalImage">',
1350 |     '</div>',
1351 | 
1352 |     '<script>',
1353 |     '    // 首先定义类',
1354 |     '    function HistoryManager() {',
1355 |     '      this.maxHistory = 10;',
1356 |     '    }',
1357 | 
1358 |     '    // 添加原型方法',
1359 |     '    HistoryManager.prototype.getHistoryKey = function(token) {',
1360 |     '      return \'imageRecognition_history_\' + token;',
1361 |     '    };',
1362 | 
1363 |     '    HistoryManager.prototype.loadHistory = function(token) {',
1364 |     '      const history = localStorage.getItem(this.getHistoryKey(token));',
1365 |     '      return history ? JSON.parse(history) : [];',
1366 |     '    };',
1367 | 
1368 |     '    HistoryManager.prototype.saveHistory = function(token, history) {',
1369 |     '      localStorage.setItem(this.getHistoryKey(token), JSON.stringify(history));',
1370 |     '    };',
1371 | 
1372 |     '    HistoryManager.prototype.addHistory = function(token, imageData, result) {',
1373 |     '      const history = this.loadHistory(token);',
1374 |     '      const newRecord = {',
1375 |     '        image: imageData,',
1376 |     '        result: result,',
1377 |     '        timestamp: new Date().toISOString()',
1378 |     '      };',
1379 | 
1380 |     '      history.unshift(newRecord);',
1381 |     '      if (history.length > this.maxHistory) {',
1382 |     '        history.pop();',
1383 |     '      }',
1384 | 
1385 |     '      this.saveHistory(token, history);',
1386 |     '      this.displayHistory(token);',
1387 |     '    };',
1388 | 
1389 |     '    HistoryManager.prototype.displayHistory = function(token) {',
1390 |     '      const history = this.loadHistory(token);',
1391 | 
1392 |     '      if (history.length === 0) {',
1393 |     '        historyList.innerHTML = \'<div class="no-history">暂无识别历史</div>\';',
1394 |     '        return;',
1395 |     '      }',
1396 | 
1397 |     '      var html = \'\';',
1398 |     '      history.forEach((record, i) => {',
1399 |     '        // 确保 image 数据存在且格式正确',
1400 |     '        const imageUrl = record.image && (',
1401 |     '          record.image.startsWith(\'data:\') ? ',
1402 |     '          record.image : ',
1403 |     '          `data:image/png;base64,${record.image}`',
1404 |     '        );',
1405 | 
1406 |     '        const timestamp = new Date(record.timestamp);',
1407 |     '        const timeStr = timestamp.toLocaleString(\'zh-CN\', {',
1408 |     '          year: \'numeric\',',
1409 |     '          month: \'2-digit\',',
1410 |     '          day: \'2-digit\',',  // Add comma here
1411 |     '          hour: \'2-digit\',',
1412 |     '          minute: \'2-digit\'',
1413 |     '        });',
1414 | 
1415 |     '        html += `',
1416 |     '          <div class="history-item" data-index="${i}">',
1417 |     '            <div class="history-image-container">',
1418 |     '              <img src="${imageUrl}" ',
1419 |     '                   class="history-image" ',
1420 |     '                   alt="历史图片" ',
1421 |     '                   onerror="this.src=\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\'"',
1422 |     '                   onclick="event.stopPropagation(); showFullImage(\'${imageUrl}\')">',
1423 |     '              <div class="image-overlay">',
1424 |     '                <button class="overlay-btn" onclick="event.stopPropagation(); showFullImage(\'${imageUrl}\')">查看大图</button>',
1425 |     '              </div>',
1426 |     '            </div>',
1427 |     '            <div class="history-content">',
1428 |     '              <div class="history-header">',
1429 |     '                <span class="history-time">${timeStr}</span>',
1430 |     '                <div class="history-actions">',
1431 |     '                  <button class="action-btn copy-btn" onclick="event.stopPropagation(); copyHistoryResult(${i}, this)">复制结果</button>',
1432 |     '                  <button class="action-btn delete-btn" onclick="event.stopPropagation(); deleteHistoryItem(${i})">删除</button>',
1433 |     '                </div>',
1434 |     '              </div>',
1435 |     '              <div class="history-text" data-original-text="${record.result || \'无识别结果\'}">${record.result || \'无识别结果\'}</div>',
1436 |     '            </div>',
1437 |     '          </div>',
1438 |     '        `;',
1439 |     '      });',
1440 | 
1441 |     '      historyList.innerHTML = html;',
1442 | 
1443 |     '      // 使用 waitForMathJax 函数处理公式渲染',
1444 |     '      waitForMathJax(() => {',
1445 |     '        try {',
1446 |     '          MathJax.typesetPromise([historyList])',
1447 |     '            .catch(err => console.error("MathJax渲染错误:", err));',
1448 |     '        } catch (err) {',
1449 |     '          console.error("MathJax处理错误:", err);',
1450 |     '        }',
1451 |     '      });',
1452 |     '    };',
1453 | 
1454 |     '    // 初始化变量',
1455 |     '    const uploadArea = document.getElementById(\'uploadArea\');',
1456 |     '    const tokensInput = document.getElementById(\'tokenInput\');',
1457 |     '    const resultDiv = document.getElementById(\'result\');',
1458 |     '    const resultContainer = document.getElementById(\'resultContainer\');',
1459 |     '    const loading = document.getElementById(\'loading\');',
1460 |     '    const previewImage = document.getElementById(\'previewImage\');',
1461 |     '    const historyList = document.getElementById(\'historyList\');',
1462 |     '    const sidebar = document.getElementById(\'sidebar\');',
1463 |     '    const sidebarToggle = document.getElementById(\'sidebarToggle\');',
1464 |     '    const tokenInput = document.getElementById(\'tokenInput\');',
1465 |     '    const saveTokensBtn = document.getElementById(\'saveTokens\');',
1466 |     '    const tokenList = document.getElementById(\'tokenList\');',
1467 |     '    const historySidebar = document.getElementById(\'historySidebar\');',
1468 |     '    const historyToggle = document.getElementById(\'historyToggle\');',
1469 |     '    const clearAllHistoryBtn = document.getElementById(\'clearAllHistory\');',
1470 | 
1471 |     '    let currentToken = \'\';',
1472 |     '    let tokens = [];',
1473 |     '    const historyManager = new HistoryManager();',
1474 | 
1475 |     '    // 从localStorage加载保存的tokens',
1476 |     '    function loadTokens() {',
1477 |     '      const savedTokens = localStorage.getItem(\'imageRecognitionTokens\');',
1478 |     '      if (savedTokens) {',
1479 |     '        tokens = savedTokens.split(\',\');',
1480 |     '        updateTokenList();',
1481 |     '        if (tokens.length > 0) {',
1482 |     '          currentToken = tokens[0];',
1483 |     '        }',
1484 |     '      }',
1485 |     '    }',
1486 | 
1487 |     '    // 修改 updateTokenList 函数',
1488 |     '    function updateTokenList() {',
1489 |     '      const tokenList = document.getElementById(\'tokenList\');',
1490 |     '      if (!tokenList) {',
1491 |     '        console.error(\'找不到tokenList元素\');',
1492 |     '        return;',
1493 |     '      }',
1494 |     '      tokenList.innerHTML = "";',
1495 |     '      tokens.forEach(function(token, index) {',
1496 |     '        var truncatedToken = token.slice(0, 10) + "..." + token.slice(-10);',
1497 |     '        var div = document.createElement("div");',
1498 |     '        div.className = "token-item" + (token === currentToken ? " active" : "");',
1499 |     '        div.textContent = "Token " + (index + 1) + ": " + truncatedToken;',
1500 |     '        div.addEventListener("click", function() {',
1501 |     '          document.querySelectorAll(".token-item").forEach(item => item.classList.remove("active"));',
1502 |     '          div.classList.add("active");',
1503 |     '          currentToken = token;',
1504 |     '          historyManager.displayHistory(currentToken);',
1505 |     '        });',
1506 |     '        tokenList.appendChild(div);',
1507 |     '      });',
1508 |     '      const tokenInput = document.getElementById(\'tokenInput\');',
1509 |     '      if (tokenInput) {',
1510 |     '        tokenInput.value = tokens.join(",");',
1511 |     '      }',
1512 |     '    }',
1513 | 
1514 |     '    // 保存tokens',
1515 |     '    saveTokensBtn.addEventListener(\'click\', () => {',
1516 |     '      const cookieValue = document.getElementById(\'cookieInput\').value.trim();',
1517 |     '      if (!cookieValue) {',
1518 |     '        alert(\'请输入Cookie\');',
1519 |     '        return;',
1520 |     '      }',
1521 |     '      ',
1522 |     '      // 从cookie中提取token',
1523 |     '      const tokenMatch = cookieValue.match(/token=([^;]+)/);',
1524 |     '      if (!tokenMatch) {',
1525 |     '        alert(\'无法从Cookie中提取token，请确保Cookie中包含token字段\');',
1526 |     '        return;',
1527 |     '      }',
1528 |     '      ',
1529 |     '      const token = tokenMatch[1];',
1530 |     '      tokens = [token];',
1531 |     '      currentToken = token;',
1532 |     '      ',
1533 |     '      // 保存cookie和token',
1534 |     '      localStorage.setItem(\'imageRecognitionCookie\', cookieValue);',
1535 |     '      localStorage.setItem(\'imageRecognitionTokens\', token);',
1536 |     '      ',
1537 |     '      // 更新显示',
1538 |     '      document.getElementById(\'currentTokenDisplay\').textContent = ',
1539 |     '        token.slice(0, 10) + "..." + token.slice(-10);',
1540 |     '      ',
1541 |     '      // 更新过期时间显示',
1542 |     '      updateTokenExpiryDisplay(token);',
1543 |     '      ',
1544 |     '      alert(\'设置已保存\');',
1545 |     '    });',
1546 | 
1547 |     '    // 侧边栏开关',
1548 |     '    sidebarToggle.addEventListener(\'click\', () => {',
1549 |     '      sidebar.classList.toggle(\'open\');',
1550 |     '    });',
1551 | 
1552 |     '    // 处理文件上传和识别',
1553 |     '    async function processImage(file) {',
1554 |     '      if (!currentToken) {',
1555 |     '        alert(\'请先设置并选择一个Token\');',
1556 |     '        sidebar.classList.add(\'open\');',
1557 |     '        return;',
1558 |     '      }',
1559 | 
1560 |     '      const savedCookie = localStorage.getItem(\'imageRecognitionCookie\');',
1561 |     '      if (!savedCookie) {',
1562 |     '        alert(\'请先设置Cookie\');',
1563 |     '        sidebar.classList.add(\'open\');',
1564 |     '        return;',
1565 |     '      }',
1566 | 
1567 |     '      // 显示图片预览',
1568 |     '      const reader = new FileReader();',
1569 |     '      let imageData;',
1570 |     '      reader.onload = (e) => {',
1571 |     '        imageData = e.target.result;',
1572 |     '        previewImage.src = imageData;',
1573 |     '        previewImage.style.display = \'block\';',
1574 |     '      };',
1575 |     '      reader.readAsDataURL(file);',
1576 | 
1577 |     '      // 显示加载动画',
1578 |     '      loading.style.display = \'block\';',
1579 |     '      resultContainer.classList.remove(\'show\');',
1580 | 
1581 |     '      try {',
1582 |     '        // 上传文件',
1583 |     '        const formData = new FormData();',
1584 |     '        formData.append(\'file\', file);',
1585 | 
1586 |     '        const uploadResponse = await fetch(\'/proxy/upload\', {',
1587 |     '          method: \'POST\',',
1588 |     '          headers: {',
1589 |     '            \'x-custom-cookie\': savedCookie,',
1590 |     '          },',
1591 |     '          body: formData,',
1592 |     '        });',
1593 | 
1594 |     '        const uploadData = await uploadResponse.json();',
1595 |     '        if (!uploadData.id) throw new Error(\'文件上传失败\');',
1596 | 
1597 |     '        // 识别图片',
1598 |     '        const recognizeResponse = await fetch(\'/recognize\', {',
1599 |     '          method: \'POST\',',
1600 |     '          headers: { ',
1601 |     '            \'Content-Type\': \'application/json\',',
1602 |     '            \'x-custom-cookie\': savedCookie,',
1603 |     '            \'x-advanced-mode\': advancedMode.checked,  // 添加高级模式状态',
1604 |     '            \'x-custom-prompt\': btoa(encodeURIComponent(promptInput.value)), // Base64编码',
1605 |     '          },',
1606 |     '          body: JSON.stringify({ imageId: uploadData.id }),',
1607 |     '        });',
1608 | 
1609 |     '        const recognizeData = await recognizeResponse.json();',
1610 |     '        if (!recognizeData.success) {',
1611 |     '          throw new Error(recognizeData.error || \'识别失败\');',
1612 |     '        }',
1613 | 
1614 |     '        const result = recognizeData.result || \'识别失败\';',
1615 |     '        resultDiv.setAttribute(\'data-original-text\', result);',
1616 |     '        resultDiv.innerHTML = result;',
1617 |     '        waitForMathJax(() => {',
1618 |     '          try {',
1619 |     '            MathJax.typesetPromise([resultDiv])',
1620 |     '              .then(() => {',
1621 |     '                resultContainer.classList.add(\'show\');',
1622 |     '              })',
1623 |     '              .catch(err => {',
1624 |     '                console.error("MathJax渲染错误:", err);',
1625 |     '                resultContainer.classList.add(\'show\');',
1626 |     '              });',
1627 |     '          } catch (err) {',
1628 |     '            console.error("MathJax处理错误:", err);',
1629 |     '            resultContainer.classList.add(\'show\');',
1630 |     '          }',
1631 |     '        });',
1632 | 
1633 |     '        // 添加到历史记录',
1634 |     '        historyManager.addHistory(currentToken, imageData, result);',
1635 |     '      } catch (error) {',
1636 |     '        resultDiv.textContent = \'处理失败: \' + error.message;',
1637 |     '        resultContainer.classList.add(\'show\');',
1638 |     '        copyBtn.textContent = \'复制结果\';',
1639 |     '        copyBtn.classList.remove(\'copied\');',
1640 |     '      } finally {',
1641 |     '        loading.style.display = \'none\';',
1642 |     '      }',
1643 |     '    }',
1644 | 
1645 |     '    // 文件拖放处理',
1646 |     '    uploadArea.addEventListener(\'dragover\', (e) => {',
1647 |     '      e.preventDefault();',
1648 |     '      uploadArea.classList.add(\'dragover\');',
1649 |     '    });',
1650 | 
1651 |     '    uploadArea.addEventListener(\'dragleave\', () => {',
1652 |     '      uploadArea.classList.remove(\'dragover\');',
1653 |     '    });',
1654 | 
1655 |     '    uploadArea.addEventListener(\'drop\', (e) => {',
1656 |     '      e.preventDefault();',
1657 |     '      uploadArea.classList.remove(\'dragover\');',
1658 |     '      const file = e.dataTransfer.files[0];',
1659 |     '      if (file && file.type.startsWith(\'image/\')) {',
1660 |     '        processImage(file);',
1661 |     '      }',
1662 |     '    });',
1663 | 
1664 |     '    // 点击上传',
1665 |     '    uploadArea.addEventListener(\'click\', (e) => {',
1666 |     '      // 如果点击的是 base64Input 或 toggleBase64 按钮，不触发文件上传',
1667 |     '      if (e.target.id === \'base64Input\' || ',
1668 |     '          e.target.id === \'toggleBase64\' || ',
1669 |     '          e.target.closest(\'#base64Input\') || ',
1670 |     '          e.target.closest(\'#toggleBase64\')) {',
1671 |     '        return;',
1672 |     '      }',
1673 | 
1674 |     '      const input = document.createElement(\'input\');',
1675 |     '      input.type = \'file\';',
1676 |     '      input.accept = \'image/*\';',
1677 |     '      input.onchange = (e) => {',
1678 |     '        const file = e.target.files[0];',
1679 |     '        if (file) processImage(file);',
1680 |     '      };',
1681 |     '      input.click();',
1682 |     '    });',
1683 | 
1684 |     '    // 粘贴处理',
1685 |     '    document.addEventListener(\'paste\', (e) => {',
1686 |     '      const file = e.clipboardData.files[0];',
1687 |     '      if (file && file.type.startsWith(\'image/\')) {',
1688 |     '        processImage(file);',
1689 |     '      }',
1690 |     '    });',
1691 | 
1692 |     '    // 初始化',
1693 |     '    loadTokens();',
1694 |     '    if (currentToken) {',
1695 |     '      historyManager.displayHistory(currentToken);',
1696 |     '    }',
1697 | 
1698 |     '    const modal = document.getElementById(\'imageModal\');',
1699 |     '    const modalImg = document.getElementById(\'modalImage\');',
1700 | 
1701 |     '    function showFullImage(src) {',
1702 |     '      const modal = document.getElementById(\'imageModal\');',
1703 |     '      const modalImg = document.getElementById(\'modalImage\');',
1704 | 
1705 |     '      if (!src) {',
1706 |     '        console.error(\'图片源为空\');',
1707 |     '        return;',
1708 |     '      }',
1709 | 
1710 |     '      modal.style.display = \'block\';',
1711 |     '      modalImg.src = src;',
1712 | 
1713 |     '      // 添加加载错误处理',
1714 |     '      modalImg.onerror = function() {',
1715 |     '        alert(\'图片加载失败\');',
1716 |     '        modal.style.display = \'none\';',
1717 |     '      };',
1718 | 
1719 |     '      modalImg.style.opacity = \'0\';',
1720 |     '      setTimeout(() => {',
1721 |     '        modalImg.style.transition = \'opacity 0.3s ease\';',
1722 |     '        modalImg.style.opacity = \'1\';',
1723 |     '      }, 50);',
1724 |     '    }',
1725 | 
1726 |     '    // 点击模态框关闭',
1727 |     '    modal.onclick = function() {',
1728 |     '      modal.style.display = "none";',
1729 |     '    }',
1730 | 
1731 |     '    // ESC 键关闭模态框',
1732 |     '    document.addEventListener(\'keydown\', function(e) {',
1733 |     '      if (e.key === \'Escape\' && modal.style.display === \'block\') {',
1734 |     '        modal.style.display = \'none\';',
1735 |     '      }',
1736 |     '    });',
1737 | 
1738 |     '    // 左侧历史记录边栏开关',
1739 |     '    historyToggle.addEventListener(\'click\', () => {',
1740 |     '      historySidebar.classList.toggle(\'open\');',
1741 |     '    });',
1742 | 
1743 |     '    const copyBtn = document.getElementById(\'copyBtn\');',
1744 | 
1745 |     '    // 修改复制结果功能，保持完整的 LaTeX 格式',
1746 |     '    copyBtn.addEventListener(\'click\', async () => {',
1747 |     '      // 获取原始文本（包含完整的 LaTeX 格式）',
1748 |     '      const result = resultDiv.getAttribute(\'data-original-text\');',
1749 |     '      if (!result) return;',
1750 | 
1751 |     '      try {',
1752 |     '        // 直接复制包含 LaTeX 标记的文本',
1753 |     '        await navigator.clipboard.writeText(result);',
1754 |     '        copyBtn.textContent = \'已复制\';',
1755 |     '        copyBtn.classList.add(\'copied\');',
1756 |     '        setTimeout(() => {',
1757 |     '          copyBtn.textContent = \'复制结果\';',
1758 |     '          copyBtn.classList.remove(\'copied\');',
1759 |     '        }, 2000);',
1760 |     '      } catch (err) {',
1761 |     '        console.error(\'复制失败:\', err);',
1762 |     '      }',
1763 |     '    });',
1764 | 
1765 |     '    // 添加关闭侧边栏的功能',
1766 |     '    document.getElementById("closeSidebar").addEventListener("click", () => {',
1767 |     '      sidebar.classList.remove("open");',
1768 |     '    });',
1769 | 
1770 |     '    // Base64 输入相关功能',
1771 |     '    const base64Input = document.getElementById(\'base64Input\');',
1772 |     '    const toggleBase64 = document.getElementById(\'toggleBase64\');',
1773 | 
1774 |     '    // 切换 Base64 输入框显示',
1775 |     '    toggleBase64.addEventListener(\'click\', (e) => {',
1776 |     '      e.stopPropagation(); // 阻止事件冒泡到 uploadArea',
1777 |     '      if (base64Input.style.display === \'none\') {',
1778 |     '        base64Input.style.display = \'block\';',
1779 |     '        toggleBase64.textContent = \'隐藏Base64输入\';',
1780 |     '      } else {',
1781 |     '        base64Input.style.display = \'none\';',
1782 |     '        toggleBase64.textContent = \'切换Base64输入\';',
1783 |     '      }',
1784 |     '    });',
1785 | 
1786 |     '    // 为 base64Input 添加阻止事件冒泡',
1787 |     '    document.getElementById(\'base64Input\').addEventListener(\'click\', (e) => {',
1788 |     '      e.stopPropagation(); // 阻止事件冒泡到 uploadArea',
1789 |     '    });',
1790 | 
1791 |     '    // base64Input 的 input 事件处理也需要阻止冒泡',
1792 |     '    base64Input.addEventListener(\'input\', async (e) => {',
1793 |     '      e.stopPropagation();',
1794 |     '      const base64Content = base64Input.value.trim();',
1795 |     '      if (base64Content) {',
1796 |     '        try {',
1797 |     '          // 尝试转换Base64为Blob',
1798 |     '          let imageData;',
1799 |     '          if (base64Content.startsWith(\'data:image\')) {',
1800 |     '            imageData = base64Content;',
1801 |     '          } else {',
1802 |     '            imageData = \'data:image/png;base64,\' + base64Content;',
1803 |     '          }',
1804 | 
1805 |     '          // 验证Base64是否为有效图片',
1806 |     '          const img = new Image();',
1807 |     '          img.src = imageData;',
1808 |     '          await new Promise((resolve, reject) => {',
1809 |     '            img.onload = resolve;',
1810 |     '            img.onerror = reject;',
1811 |     '          });',
1812 | 
1813 |     '          // 转换Base64为Blob',
1814 |     '          const response = await fetch(imageData);',
1815 |     '          const blob = await response.blob();',
1816 |     '          const file = new File([blob], "image.png", { type: "image/png" });',
1817 | 
1818 |     '          // 显示预览',
1819 |     '          previewImage.src = imageData;',
1820 |     '          previewImage.style.display = \'block\';',
1821 | 
1822 |     '          // 处理图片',
1823 |     '          await processImage(file);',
1824 |     '        } catch (error) {',
1825 |     '          resultDiv.textContent = \'处理失败: \' + error.message;',
1826 |     '          resultContainer.classList.add(\'show\');',
1827 |     '          console.error(\'Base64处理错误:\', error);',
1828 |     '        }',
1829 |     '      }',
1830 |     '    });',
1831 | 
1832 |     '    // 复制历史记录结果，保持完整的 LaTeX 格式',
1833 |     '    async function copyHistoryResult(index, btn) {',
1834 |     '      try {',
1835 |     '        const history = historyManager.loadHistory(currentToken);',
1836 |     '        const historyItem = document.querySelector(`.history-item[data-index="${index}"] .history-text`);',
1837 |     '        const result = historyItem?.getAttribute(\'data-original-text\') || history[index]?.result;',
1838 | 
1839 |     '        if (!result) {',
1840 |     '          throw new Error(\'无法复制：结果为空\');',
1841 |     '        }',
1842 | 
1843 |     '        await navigator.clipboard.writeText(result);',
1844 |     '        btn.textContent = \'已复制\';',
1845 |     '        btn.classList.add(\'copied\');',
1846 | 
1847 |     '        setTimeout(() => {',
1848 |     '          btn.textContent = \'复制结果\';',
1849 |     '          btn.classList.remove(\'copied\');',
1850 |     '        }, 2000);',
1851 | 
1852 |     '        return true;',
1853 |     '      } catch (err) {',
1854 |     '        console.error(\'复制失败:\', err);',
1855 |     '        alert(\'复制失败: \' + err.message);',
1856 |     '        return false;',
1857 |     '      }',
1858 |     '    }',
1859 | 
1860 |     '    // 删除历史记录项',
1861 |     '    function deleteHistoryItem(index) {',
1862 |     '      const history = historyManager.loadHistory(currentToken);',
1863 |     '      if (!history[index]) {',
1864 |     '        alert(\'该记录不存在\');',
1865 |     '        return;',
1866 |     '      }',
1867 | 
1868 |     '      if (confirm(\'确定要删除这条历史记录吗？\')) {',
1869 |     '        history.splice(index, 1);',
1870 |     '        historyManager.saveHistory(currentToken, history);',
1871 |     '        historyManager.displayHistory(currentToken);',
1872 |     '      }',
1873 |     '    }',
1874 | 
1875 |     '    // 清空所有历史记录',
1876 |     '    clearAllHistoryBtn.addEventListener(\'click\', () => {',
1877 |     '      if (confirm(\'确定要清空所有历史记录吗？\')) {',
1878 |     '        localStorage.removeItem(historyManager.getHistoryKey(currentToken));',
1879 |     '        historyManager.displayHistory(currentToken);',
1880 |     '      }',
1881 |     '    });',
1882 | 
1883 |     '    // URL输入相关功能',
1884 |     '    const urlInput = document.getElementById(\'urlInput\');',
1885 |     '    const toggleUrl = document.getElementById(\'toggleUrl\');',
1886 | 
1887 |     '    // 切换URL输入框显示',
1888 |     '    toggleUrl.addEventListener(\'click\', (e) => {',
1889 |     '      e.stopPropagation();',
1890 |     '      if (urlInput.style.display === \'none\') {',
1891 |     '        urlInput.style.display = \'block\';',
1892 |     '        base64Input.style.display = \'none\';',
1893 |     '        toggleUrl.textContent = \'隐藏URL输入\';',
1894 |     '        toggleBase64.textContent = \'Base64输入\';',
1895 |     '      } else {',
1896 |     '        urlInput.style.display = \'none\';',
1897 |     '        toggleUrl.textContent = \'URL输入\';',
1898 |     '      }',
1899 |     '    });',
1900 | 
1901 |     '    // 为urlInput添加阻止事件冒泡',
1902 |     '    urlInput.addEventListener(\'click\', (e) => {',
1903 |     '      e.stopPropagation();',
1904 |     '    });',
1905 | 
1906 |     '    // URL输入处理',
1907 |     '    urlInput.addEventListener(\'input\', debounce(async (e) => {',
1908 |     '      e.stopPropagation();',
1909 |     '      const imageUrl = urlInput.value.trim();',
1910 |     '      if (imageUrl) {',
1911 |     '        try {',
1912 |     '          if (!currentToken) {',
1913 |     '            throw new Error(\'请先设置Token\');',
1914 |     '          }',
1915 | 
1916 |     '          // 显示加载动画',
1917 |     '          loading.style.display = \'block\';',
1918 |     '          resultContainer.classList.remove(\'show\');',
1919 | 
1920 |     '          const savedCookie = localStorage.getItem(\'imageRecognitionCookie\');',
1921 |     '          if (!savedCookie) {',
1922 |     '            throw new Error(\'请先设置Cookie\');',
1923 |     '          }',
1924 | 
1925 |     '          // 调用URL识别API',
1926 |     '          const response = await fetch(\'/api/recognize/url\', {',
1927 |     '            method: \'POST\',',
1928 |     '            headers: { ',
1929 |     '              \'Content-Type\': \'application/json\',',
1930 |     '              \'x-custom-cookie\': savedCookie',
1931 |     '            },',
1932 |     '            body: JSON.stringify({',
1933 |     '              imageUrl: imageUrl',
1934 |     '            })',
1935 |     '          });',
1936 | 
1937 |     '          const data = await response.json();',
1938 |     '          if (!data.success) {',
1939 |     '            throw new Error(data.error || \'识别失败\');',
1940 |     '          }',
1941 | 
1942 |     '          // 显示预览图',
1943 |     '          previewImage.src = imageUrl;',
1944 |     '          previewImage.style.display = \'block\';',
1945 | 
1946 |     '          // 显示结果',
1947 |     '          const result = data.result;',
1948 |     '          resultDiv.setAttribute(\'data-original-text\', result);',
1949 |     '          resultDiv.innerHTML = result;',
1950 |     '          waitForMathJax(() => {',
1951 |     '            try {',
1952 |     '              MathJax.typesetPromise([resultDiv])',
1953 |     '                .then(() => {',
1954 |     '                  resultContainer.classList.add(\'show\');',
1955 |     '                })',
1956 |     '                .catch(err => {',
1957 |     '                  console.error("MathJax渲染错误:", err);',
1958 |     '                  resultContainer.classList.add(\'show\');',
1959 |     '                });',
1960 |     '            } catch (err) {',
1961 |     '              console.error("MathJax处理错误:", err);',
1962 |     '              resultContainer.classList.add(\'show\');',
1963 |     '            }',
1964 |     '          });',
1965 | 
1966 |     '          // 添加到历史记录',
1967 |     '          historyManager.addHistory(currentToken, imageUrl, result);',
1968 | 
1969 |     '        } catch (error) {',
1970 |     '          resultDiv.textContent = \'处理失败: \' + error.message;',
1971 |     '          resultContainer.classList.add(\'show\');',
1972 |     '          console.error(\'URL处理错误:\', error);',
1973 |     '        } finally {',
1974 |     '          loading.style.display = \'none\';',
1975 |     '        }',
1976 |     '      }',
1977 |     '    }, 1000)); // 1秒防抖',
1978 | 
1979 |     '    // 防抖函数',
1980 |     '    function debounce(func, wait) {',
1981 |     '      let timeout;',
1982 |     '      return function executedFunction(...args) {',
1983 |     '        const later = () => {',
1984 |     '          clearTimeout(timeout);',
1985 |     '          func(...args);',
1986 |     '        };',
1987 |     '        clearTimeout(timeout);',
1988 |     '        timeout = setTimeout(later, wait);',
1989 |     '      };',
1990 |     '    }',
1991 | 
1992 |     '    // 加载保存的cookie',
1993 |     '    function loadSettings() {',
1994 |     '      const savedCookie = localStorage.getItem(\'imageRecognitionCookie\');',
1995 |     '      if (savedCookie) {',
1996 |     '        document.getElementById(\'cookieInput\').value = savedCookie;',
1997 |     '        const tokenMatch = savedCookie.match(/token=([^;]+)/);',
1998 |     '        if (tokenMatch) {',
1999 |     '          const token = tokenMatch[1];',
2000 |     '          tokens = [token];',
2001 |     '          currentToken = token;',
2002 |     '          document.getElementById(\'currentTokenDisplay\').textContent = ',
2003 |     '            token.slice(0, 10) + "..." + token.slice(-10);',
2004 |     '          updateTokenExpiryDisplay(token);', // 修改这行，确保正确的字符串格式
2005 |     '        }',
2006 |     '      }',
2007 |     '    }',
2008 | 
2009 |     '    // 初始化时调用loadSettings',
2010 |     '    loadSettings();',
2011 | 
2012 |     '    // 高级模式切换处理',
2013 |     '    const advancedMode = document.getElementById(\'advancedMode\');',
2014 |     '    const promptContainer = document.getElementById(\'promptContainer\');',
2015 |     '    const promptInput = document.getElementById(\'promptInput\');',
2016 | 
2017 |     '    advancedMode.addEventListener(\'change\', () => {',
2018 |     '      promptContainer.classList.toggle(\'show\', advancedMode.checked);',
2019 |     '      localStorage.setItem(\'advancedMode\', advancedMode.checked);',
2020 |     '      localStorage.setItem(\'customPrompt\', promptInput.value);',
2021 |     '    });',
2022 | 
2023 |     '    // 加载保存的高级模式设置',
2024 |     '    function loadAdvancedSettings() {',
2025 |     '      const savedMode = localStorage.getItem(\'advancedMode\');',
2026 |     '      const savedPrompt = localStorage.getItem(\'customPrompt\');',
2027 |     '      if (savedMode === \'true\') {',
2028 |     '        advancedMode.checked = true;',
2029 |     '        promptContainer.classList.add(\'show\');',
2030 |     '      }',
2031 |     '      if (savedPrompt) {',
2032 |     '        promptInput.value = savedPrompt;',
2033 |     '      }',
2034 |     '    }',
2035 | 
2036 |     '    loadAdvancedSettings();',
2037 | 
2038 |     '    // JWT解析函数',
2039 |     '    function parseJwt(token) {',
2040 |     '      try {',
2041 |     '        const base64Url = token.split(\'.\')[1];',
2042 |     '        const base64 = base64Url.replace(/-/g, \'+\').replace(/_/g, \'/\');',
2043 |     '        const jsonPayload = decodeURIComponent(atob(base64).split(\'\').map(function(c) {',
2044 |     '          return \'%\' + (\'00\' + c.charCodeAt(0).toString(16)).slice(-2);',
2045 |     '        }).join(\'\'));',
2046 |     '        return JSON.parse(jsonPayload);',
2047 |     '      } catch (e) {',
2048 |     '        console.error(\'JWT解析错误:\', e);',
2049 |     '        return null;',
2050 |     '      }',
2051 |     '    }',
2052 | 
2053 |     '    // 更新Token过期时间显示',
2054 |     '    function updateTokenExpiryDisplay(token) {',
2055 |     '      const expiryDisplay = document.getElementById(\'tokenExpiryDisplay\');',
2056 |     '      if (!token) {',
2057 |     '        expiryDisplay.textContent = \'未设置\';',
2058 |     '        expiryDisplay.classList.remove(\'expired\');',
2059 |     '        return;',
2060 |     '      }',
2061 |     '      ',
2062 |     '      const decoded = parseJwt(token);',
2063 |     '      if (!decoded || !decoded.exp) {',
2064 |     '        expiryDisplay.textContent = \'无法解析过期时间\';',
2065 |     '        return;',
2066 |     '      }',
2067 |     '      ',
2068 |     '      const expiryDate = new Date(decoded.exp * 1000);',
2069 |     '      const now = new Date();',
2070 |     '      const isExpired = expiryDate < now;',
2071 |     '      ',
2072 |     '      expiryDisplay.textContent = expiryDate.toLocaleString(\'zh-CN\', {',
2073 |     '        year: \'numeric\',',
2074 |     '        month: \'2-digit\',',
2075 |     '        day: \'2-digit\',',
2076 |     '        hour: \'2-digit\',',
2077 |     '        minute: \'2-digit\',',
2078 |     '        second: \'2-digit\'',
2079 |     '      });',
2080 |     '      ',
2081 |     '      if (isExpired) {',
2082 |     '        expiryDisplay.classList.add(\'expired\');',
2083 |     '        expiryDisplay.textContent += \' (已过期)\';',
2084 |     '      } else {',
2085 |     '        expiryDisplay.classList.remove(\'expired\');',
2086 |     '      }',
2087 |     '    }',
2088 |     '</script>',
2089 |     '</body>',
2090 |     '</html>'
2091 |   ].join('\n');
2092 | 
2093 |   return html;
2094 | }


--------------------------------------------------------------------------------