Upload 3 files

QR.py

@@ -0,0 +1,197 @@
+import cv2
+import numpy as np
+from pyzbar.pyzbar import decode
+from PIL import Image
+import requests
+from io import BytesIO
+import os
+import sys
+
+# 设置默认编码为UTF-8
+if sys.platform.startswith('win'):
+    # Windows系统下处理中文路径
+    import locale
+    locale.setlocale(locale.LC_ALL, 'zh_CN.UTF-8')
+
+def parse_qr_code_from_file(file_path):
+    """
+    从本地文件解析二维码
+    
+    参数:
+        file_path: 二维码图片的本地路径
+    
+    返回:
+        解析出的链接或文本
+    """
+    try:
+        # 检查文件是否存在
+        if not os.path.exists(file_path):
+            print(f"错误：文件不存在 - {file_path}")
+            return None
+            
+        # 使用PIL读取图片以更好地处理中文路径
+        pil_image = Image.open(file_path)
+        
+        # 转换为RGB格式（如果需要）
+        if pil_image.mode != 'RGB':
+            pil_image = pil_image.convert('RGB')
+        
+        # 转换为numpy数组
+        image_array = np.array(pil_image)
+        
+        # 如果是RGB，转换为BGR（OpenCV格式）
+        if len(image_array.shape) == 3:
+            image_array = cv2.cvtColor(image_array, cv2.COLOR_RGB2BGR)
+        
+        # 解码二维码
+        decoded_objects = decode(image_array)
+        
+        if decoded_objects:
+            # 返回第一个解析到的内容
+            result = decoded_objects[0].data.decode('utf-8')
+            return result
+        else:
+            print("未能识别二维码，尝试图像预处理...")
+            
+            # 转换为灰度图
+            if len(image_array.shape) == 3:
+                gray = cv2.cvtColor(image_array, cv2.COLOR_BGR2GRAY)
+            else:
+                gray = image_array
+            
+            # 尝试不同的预处理方法
+            preprocessing_methods = [
+                # 方法1：简单二值化
+                lambda img: cv2.threshold(img, 127, 255, cv2.THRESH_BINARY)[1],
+                # 方法2：自适应阈值
+                lambda img: cv2.adaptiveThreshold(img, 255, cv2.ADAPTIVE_THRESH_GAUSSIAN_C, cv2.THRESH_BINARY, 11, 2),
+                # 方法3：OTSU阈值
+                lambda img: cv2.threshold(img, 0, 255, cv2.THRESH_BINARY + cv2.THRESH_OTSU)[1],
+                # 方法4：反转图像
+                lambda img: cv2.bitwise_not(img)
+            ]
+            
+            for i, preprocess in enumerate(preprocessing_methods):
+                processed = preprocess(gray)
+                decoded_objects = decode(processed)
+                if decoded_objects:
+                    print(f"使用预处理方法{i+1}成功解析")
+                    return decoded_objects[0].data.decode('utf-8')
+            
+            # 如果所有方法都失败，尝试使用PIL直接解码
+            try:
+                from PIL import ImageEnhance
+                
+                # 增强对比度
+                enhancer = ImageEnhance.Contrast(pil_image)
+                enhanced = enhancer.enhance(2.0)
+                
+                # 再次尝试解码
+                decoded_objects = decode(np.array(enhanced))
+                if decoded_objects:
+                    print("使用PIL增强后成功解析")
+                    return decoded_objects[0].data.decode('utf-8')
+            except:
+                pass
+            
+            return None
+            
+    except Exception as e:
+        print(f"解析二维码时出错: {e}")
+        import traceback
+        traceback.print_exc()
+        return None
+
+def parse_qr_code_from_url(url):
+    """
+    从URL解析二维码
+    
+    参数:
+        url: 二维码图片的URL
+    
+    返回:
+        解析出的链接或文本
+    """
+    try:
+        # 下载图片
+        response = requests.get(url)
+        image = Image.open(BytesIO(response.content))
+        
+        # 转换为numpy数组
+        image_array = np.array(image)
+        
+        # 解码二维码
+        decoded_objects = decode(image_array)
+        
+        if decoded_objects:
+            return decoded_objects[0].data.decode('utf-8')
+        else:
+            return None
+            
+    except Exception as e:
+        print(f"解析二维码时出错: {e}")
+        return None
+
+def test_with_multiple_files():
+    """
+    测试函数，尝试解析当前目录下的所有图片文件
+    """
+    image_extensions = ['.jpg', '.jpeg', '.png', '.bmp', '.gif']
+    current_dir = os.getcwd()
+    
+    print(f"当前目录: {current_dir}")
+    print("正在查找图片文件...\n")
+    
+    found_images = []
+    for file in os.listdir(current_dir):
+        if any(file.lower().endswith(ext) for ext in image_extensions):
+            found_images.append(file)
+    
+    if not found_images:
+        print("未找到图片文件")
+        return
+    
+    print(f"找到 {len(found_images)} 个图片文件:")
+    for i, img in enumerate(found_images):
+        print(f"{i+1}. {img}")
+    
+    print("\n开始解析...\n")
+    
+    for img_file in found_images:
+        print(f"正在解析: {img_file}")
+        full_path = os.path.join(current_dir, img_file)
+        result = parse_qr_code_from_file(full_path)
+        
+        if result:
+            print(f"✓ 解析成功！")
+            print(f"  内容: {result}")
+        else:
+            print(f"✗ 无法解析此文件")
+        print("-" * 50)
+
+# 使用示例
+if __name__ == "__main__":
+    # 方式1：自动查找并解析当前目录下的所有图片
+    print("=== 自动扫描模式 ===")
+    test_with_multiple_files()
+    
+    print("\n=== 手动指定文件模式 ===")
+    # 方式2：手动指定文件名（请根据实际情况修改）
+    # 注意：使用原始字符串(r"")或正斜杠(/)来避免路径问题
+    
+    # 示例路径（请替换为您的实际文件名）
+    test_files = [
+        "微信图片_20250609201923.jpg",  # 直接使用文件名
+        r"E:\收款web\微信图片_20250609201923.jpg",  # 完整路径示例
+    ]
+    
+    for file_path in test_files:
+        if os.path.exists(file_path):
+            print(f"\n尝试解析: {file_path}")
+            result = parse_qr_code_from_file(file_path)
+            if result:
+                print(f"解析成功！内容: {result}")
+            else:
+                print("无法解析此二维码")
+        else:
+            print(f"\n文件不存在: {file_path}")

index.html

@@ -1,19 +1,559 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>收款</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            background-color: #f7f7f7;
+            color: #333;
+        }
+        
+        .header {
+            background-color: #fff;
+            padding: 15px 20px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+        }
+        
+        .header h1 {
+            font-size: 18px;
+            font-weight: normal;
+            flex: 1;
+            text-align: center;
+        }
+        
+        .header .back, .header .more {
+            width: 24px;
+            height: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+        }
+        
+        .profile {
+            background-color: #fff;
+            padding: 20px;
+            display: flex;
+            align-items: center;
+            margin-top: 1px;
+        }
+        
+        .avatar {
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            margin-right: 15px;
+            background-color: #e8e8e8;
+            overflow: hidden;
+        }
+        
+        .avatar img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        
+        .info h2 {
+            font-size: 16px;
+            font-weight: normal;
+            margin-bottom: 5px;
+        }
+        
+        .info p {
+            font-size: 14px;
+            color: #888;
+        }
+        
+        .amount-section {
+            background-color: #fff;
+            padding: 30px 20px;
+            margin-top: 10px;
+            text-align: center;
+        }
+        
+        .amount-label {
+            font-size: 14px;
+            color: #333;
+            margin-bottom: 10px;
+        }
+        
+        .amount {
+            font-size: 48px;
+            font-weight: 500;
+            margin-bottom: 30px;
+        }
+        
+        .payment-items {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 10px;
+            margin-bottom: 20px;
+        }
+        
+        .payment-item {
+            background-color: #f7f7f7;
+            padding: 15px;
+            border-radius: 8px;
+            text-align: center;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            border: 2px solid transparent;
+        }
+        
+        .payment-item.active {
+            background-color: #e7f7e7;
+            border-color: #4CAF50;
+        }
+        
+        .payment-item .emoji {
+            font-size: 24px;
+            margin-bottom: 5px;
+        }
+        
+        .payment-item .price {
+            font-size: 18px;
+            font-weight: 500;
+            color: #333;
+        }
+        
+        .payment-item .quantity {
+            display: inline-block;
+            background-color: #4CAF50;
+            color: white;
+            padding: 2px 8px;
+            border-radius: 12px;
+            font-size: 12px;
+            margin-left: 5px;
+        }
+        
+        .note {
+            text-align: left;
+            padding: 0 20px;
+            margin-bottom: 20px;
+        }
+        
+        .note-label {
+            font-size: 14px;
+            color: #888;
+            margin-bottom: 10px;
+        }
+        
+        .note-input {
+            width: 100%;
+            padding: 10px;
+            border: 1px solid #e0e0e0;
+            border-radius: 4px;
+            font-size: 14px;
+            background-color: #f7f7f7;
+        }
+        
+        .pay-button {
+            background-color: #4CAF50;
+            color: white;
+            border: none;
+            padding: 15px 40px;
+            font-size: 18px;
+            border-radius: 25px;
+            cursor: pointer;
+            width: calc(100% - 40px);
+            margin: 20px;
+            transition: background-color 0.3s ease;
+        }
+        
+        .pay-button:hover {
+            background-color: #45a049;
+        }
+        
+        .pay-button:active {
+            transform: scale(0.98);
+        }
+        
+        /* 支付处理覆盖层 */
+        .payment-overlay {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0,0,0,0.7);
+            z-index: 1000;
+            align-items: center;
+            justify-content: center;
+        }
+        
+        .payment-processing {
+            background-color: white;
+            padding: 40px;
+            border-radius: 10px;
+            text-align: center;
+            max-width: 350px;
+            width: 90%;
+        }
+        
+        .loading-spinner {
+            width: 50px;
+            height: 50px;
+            margin: 20px auto;
+            border: 3px solid #f3f3f3;
+            border-top: 3px solid #4CAF50;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+        }
+        
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        
+        .payment-message {
+            font-size: 16px;
+            color: #333;
+            margin: 20px 0;
+        }
+        
+        .payment-submessage {
+            font-size: 14px;
+            color: #666;
+            margin-top: 10px;
+        }
+        
+        .payment-actions {
+            margin-top: 30px;
+        }
+        
+        .action-button {
+            padding: 10px 20px;
+            margin: 5px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 14px;
+            transition: all 0.3s ease;
+        }
+        
+        .action-button.primary {
+            background-color: #4CAF50;
+            color: white;
+        }
+        
+        .action-button.secondary {
+            background-color: #f0f0f0;
+            color: #333;
+        }
+        
+        .action-button:hover {
+            opacity: 0.9;
+            transform: translateY(-1px);
+        }
+        
+        /* 二维码显示区域 */
+        .qr-container {
+            display: none;
+            text-align: center;
+            padding: 20px;
+        }
+        
+        .qr-code-image {
+            width: 200px;
+            height: 200px;
+            margin: 0 auto 20px;
+            padding: 10px;
+            background-color: white;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        
+        .qr-code-image img {
+            width: 100%;
+            height: 100%;
+            display: block;
+        }
+        
+        .payment-tips {
+            font-size: 14px;
+            color: #666;
+            line-height: 1.6;
+        }
+        
+        /* 响应式优化 */
+        @media (max-width: 480px) {
+            .payment-items {
+                grid-template-columns: repeat(2, 1fr);
+                gap: 8px;
+            }
+            
+            .payment-item {
+                padding: 12px;
+            }
+            
+            .amount {
+                font-size: 36px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <div class="back" onclick="goBack()">←</div>
+        <h1>收款</h1>
+        <div class="more">⋯</div>
+    </div>
+    
+    <div class="profile">
+        <div class="avatar">
+            <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23e8e8e8'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.3em' font-size='40' fill='%23999'%3E👤%3C/text%3E%3C/svg%3E" alt="头像">
+        </div>
+        <div class="info">
+            <h2>收款给 个人</h2>
+            <p>SUNRISE(*晓)</p>
+        </div>
+    </div>
+    
+    <div class="amount-section">
+        <div class="amount-label">付款金额</div>
+        <div class="amount">¥<span id="totalAmount">1.00</span></div>
+        
+        <div class="payment-items">
+            <div class="payment-item active" data-amount="1.00" onclick="selectItem(this)">
+                <div class="emoji">=>v0=</div>
+                <div class="price">¥1.00</div>
+                <span class="quantity" id="qty-1">×1</span>
+            </div>
+            <div class="payment-item" data-amount="5.20" onclick="selectItem(this)">
+                <div class="emoji">≦∴v <∸ ᴖ</div>
+                <div class="price">¥5.20</div>
+            </div>
+            <div class="payment-item" data-amount="5.20" onclick="selectItem(this)">
+                <div class="emoji">᷈>ಞ<᷈</div>
+                <div class="price">¥5.20</div>
+            </div>
+            <div class="payment-item" data-amount="5.20" onclick="selectItem(this)">
+                <div class="emoji">☆ฺᵒᵍ☆ฺ</div>
+                <div class="price">¥5.20</div>
+            </div>
+            <div class="payment-item" data-amount="5.20" onclick="selectItem(this)">
+                <div class="emoji">=>ヽ<≈⊙</div>
+                <div class="price">¥5.20</div>
+            </div>
+            <div class="payment-item" data-amount="5.20" onclick="selectItem(this)">
+                <div class="emoji">ଳ∪ᴖ⊙</div>
+                <div class="price">¥5.20</div>
+            </div>
+        </div>
+        
+        <div class="note">
+            <div class="note-label">添加备注</div>
+            <input type="text" class="note-input" placeholder="请输入备注信息">
+        </div>
+    </div>
+    
+    <button class="pay-button" onclick="processPayment()">付款</button>
+    
+    <!-- 支付处理覆盖层 -->
+    <div class="payment-overlay" id="paymentOverlay">
+        <div class="payment-processing">
+            <!-- 初始加载状态 -->
+            <div id="loadingState">
+                <div class="loading-spinner"></div>
+                <div class="payment-message">正在处理支付请求...</div>
+                <div class="payment-submessage">正在检测您的支付环境</div>
+            </div>
+            
+            <!-- 二维码支付状态 -->
+            <div id="qrState" class="qr-container">
+                <div class="payment-message">请使用微信扫码支付</div>
+                <div class="qr-code-image">
+                    <!-- 在这里放置您的收款二维码图片 -->
+                    <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='%23f0f0f0'/%3E%3Ctext x='100' y='100' text-anchor='middle' dy='.3em' font-size='14' fill='%23999'%3E请替换为二维码%3C/text%3E%3C/svg%3E" alt="支付二维码" id="paymentQR">
+                </div>
+                <div class="payment-tips">
+                    金额：¥<span id="qrAmount">0.00</span><br>
+                    请在微信中扫描上方二维码完成支付
+                </div>
+                <div class="payment-actions">
+                    <button class="action-button primary" onclick="confirmPayment()">我已完成支付</button>
+                    <button class="action-button secondary" onclick="cancelPayment()">取消</button>
+                </div>
+            </div>
+            
+            <!-- 微信内支付提示 -->
+            <div id="wechatState" style="display: none;">
+                <div class="payment-message">正在跳转到微信支付...</div>
+                <div class="payment-submessage">请稍候，系统正在为您处理</div>
+                <div class="payment-actions" style="margin-top: 20px;">
+                    <button class="action-button secondary" onclick="cancelPayment()">取消</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <script>
+        // 配置项
+        const CONFIG = {
+            // 微信支付链接（从二维码解析得到的）
+            wechatPayUrl: 'wxp://f2f0uaoKZnUqDIp6w1BYLiXrLJjIntTdVoaTLkQhX8vsZfw',
+            // 备用二维码图片路径（请替换为您的实际二维码图片文件名）
+            qrCodeImagePath: 'wechat-qr.jpg'  // 例如：如果您的二维码文件名是 wechat-qr.jpg
+        };
+        
+        let selectedItems = new Set();
+        let itemQuantities = {};
+        
+        // 初始化第一个项目
+        selectedItems.add('1.00');
+        itemQuantities['1.00'] = 1;
+        
+        function selectItem(element) {
+            const amount = element.dataset.amount;
+            
+            if (selectedItems.has(amount)) {
+                // 如果已选中，增加数量
+                itemQuantities[amount] = (itemQuantities[amount] || 1) + 1;
+                
+                // 更新数量显示
+                const qtyElement = element.querySelector('.quantity');
+                if (!qtyElement) {
+                    const span = document.createElement('span');
+                    span.className = 'quantity';
+                    span.textContent = `×${itemQuantities[amount]}`;
+                    element.appendChild(span);
+                } else {
+                    qtyElement.textContent = `×${itemQuantities[amount]}`;
+                }
+            } else {
+                // 新选中项目
+                element.classList.add('active');
+                selectedItems.add(amount);
+                itemQuantities[amount] = 1;
+                
+                const span = document.createElement('span');
+                span.className = 'quantity';
+                span.textContent = '×1';
+                element.appendChild(span);
+            }
+            
+            updateTotalAmount();
+        }
+        
+        function updateTotalAmount() {
+            let total = 0;
+            selectedItems.forEach(amount => {
+                total += parseFloat(amount) * (itemQuantities[amount] || 1);
+            });
+            document.getElementById('totalAmount').textContent = total.toFixed(2);
+            
+            // 更新二维码显示中的金额
+            const qrAmountElement = document.getElementById('qrAmount');
+            if (qrAmountElement) {
+                qrAmountElement.textContent = total.toFixed(2);
+            }
+        }
+        
+        // 检测是否在微信内
+        function isWechat() {
+            const ua = navigator.userAgent.toLowerCase();
+            return ua.indexOf('micromessenger') !== -1;
+        }
+        
+        // 检测是否为移动设备
+        function isMobile() {
+            return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+        }
+        
+        // 处理支付
+        function processPayment() {
+            const overlay = document.getElementById('paymentOverlay');
+            const loadingState = document.getElementById('loadingState');
+            const qrState = document.getElementById('qrState');
+            const wechatState = document.getElementById('wechatState');
+            
+            overlay.style.display = 'flex';
+            
+            // 获取当前金额
+            const currentAmount = document.getElementById('totalAmount').textContent;
+            document.getElementById('qrAmount').textContent = currentAmount;
+            
+            // 模拟加载过程
+            setTimeout(() => {
+                loadingState.style.display = 'none';
+                
+                if (isWechat()) {
+                    // 在微信内，尝试直接调用支付
+                    wechatState.style.display = 'block';
+                    
+                    // 尝试跳转到微信支付
+                    // 注意：wxp:// 协议通常只能在微信内部使用
+                    setTimeout(() => {
+                        try {
+                            window.location.href = CONFIG.wechatPayUrl;
+                        } catch (e) {
+                            console.error('无法调用微信支付:', e);
+                            // 如果失败，显示二维码
+                            wechatState.style.display = 'none';
+                            qrState.style.display = 'block';
+                        }
+                    }, 1000);
+                } else {
+                    // 不在微信内，显示二维码
+                    qrState.style.display = 'block';
+                    
+                    // 如果有实际的二维码图片路径，替换占位符
+                    if (CONFIG.qrCodeImagePath && CONFIG.qrCodeImagePath !== 'your-qr-code.jpg') {
+                        document.getElementById('paymentQR').src = CONFIG.qrCodeImagePath;
+                    }
+                }
+            }, 1500);
+        }
+        
+        // 确认支付完成
+        function confirmPayment() {
+            const overlay = document.getElementById('paymentOverlay');
+            overlay.style.display = 'none';
+            
+            // 显示支付成功提示
+            alert('感谢您的支付！如果支付遇到问题，请联系客服。');
+            
+            // 可以在这里添加支付成功后的处理逻辑
+            // 例如：跳转到成功页面、发送支付记录等
+        }
+        
+        // 取消支付
+        function cancelPayment() {
+            const overlay = document.getElementById('paymentOverlay');
+            overlay.style.display = 'none';
+            
+            // 重置显示状态
+            document.getElementById('loadingState').style.display = 'block';
+            document.getElementById('qrState').style.display = 'none';
+            document.getElementById('wechatState').style.display = 'none';
+        }
+        
+        function goBack() {
+            window.history.back();
+        }
+        
+        // 点击覆盖层外部区域关闭（仅在显示二维码时）
+        document.getElementById('paymentOverlay').addEventListener('click', function(event) {
+            if (event.target === this && document.getElementById('qrState').style.display === 'block') {
+                cancelPayment();
+            }
+        });
+        
+        // 初始化页面
+        updateTotalAmount();
+    </script>
+</body>
+</html>