technology software

documentation technical

entertainment media

Chinese

Within the developer-focused generic top-level domain (.dev), 'ai-box-z-image-8n4i3s4ale.edgeone.dev' is registered, featuring subdomain 'ai-box-z-image-8n4i3s4ale'. The registrable portion 'edgeone' spans 7 characters containing 4 vowels alongside 3 consonants. It segments into two words: edge, one. Average segment length settles at 3.5 characters. No strong language cues emerged from the frequency lists.

html/7e/1c/7e1c4dc0-afa0-46bf-b7f8-733a8a58ebc5.html.gz

a39ec7fb2f65072b717718e34fc9cf63bf8c45f24b9ecb332de701ebba0efa39

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/


        // 状态管理
        let appState = {
            history: [],
            isGenerating: false,
            savedPrompt: "",
            hasGenerated: false
        };

        // DOM元素引用
        const elements = {
            promptInput: document.getElementById('promptInput'),
            generateBtn: document.getElementById('generateBtn'),
            generateBtnText: document.getElementById('generateBtnText'),
            apiKey: document.getElementById('apiKey'),
            apiEndpoint: document.getElementById('apiEndpoint'),
            sizeSelect: document.getElementById('sizeSelect'),
            widthInput: document.getElementById('widthInput'),
            heightInput: document.getElementById('heightInput'),
            stepsInput: document.getElementById('stepsInput'),
            seedInput: document.getElementById('seedInput'),
            useRandomToggle: document.getElementById('useRandomToggle'),
            galleryCols: document.getElementById('galleryCols'),
            galleryColsValue: document.getElementById('galleryColsValue'),
            historyCount: document.getElementById('historyCount'),
            avgDuration: document.getElementById('avgDuration'),
            clearHistoryBtn: document.getElementById('clearHistoryBtn'),
            clearApiKeyBtn: document.getElementById('clearApiKeyBtn'),
            inspirationSection: document.getElementById('inspirationSection'),
            statusContainer: document.getElementById('statusContainer'),
            statusTitle: document.getElementById('statusTitle'),
            progressFill: document.getElementById('progressFill'),
            statusText: document.getElementById('statusText'),
            galleryGrid: document.getElementById('galleryGrid'),
            emptyState: document.getElementById('emptyState'),
            statsSection: document.getElementById('statsSection'),
            totalImages: document.getElementById('totalImages'),
            totalAvgDuration: document.getElementById('totalAvgDuration'),
            totalDuration: document.getElementById('totalDuration')
        };

        // 初始化应用
        function initApp() {
            loadState();
            updateUI();
            setupEventListeners();
            updateGalleryCols();
        }

        // 加载状态
        function loadState() {
            const savedState = localStorage.getItem('showImageWebState');
            if (savedState) {
                appState = { ...appState, ...JSON.parse(savedState) };
            }

            // 加载API密钥
            const savedApiKey = localStorage.getItem('apiKey');
            if (savedApiKey) {
                elements.apiKey.value = savedApiKey;
            }
        }

        // 保存状态
        function saveState() {
            localStorage.setItem('showImageWebState', JSON.stringify(appState));

            // 保存API密钥
            if (elements.apiKey.value.trim()) {
                localStorage.setItem('apiKey', elements.apiKey.value.trim());
            }
        }

        // 设置事件监听器
        function setupEventListeners() {
            // 生成按钮
            elements.generateBtn.addEventListener('click', generateImage);

            // 灵感按钮
            document.querySelectorAll('.inspiration-btn').forEach(btn => {
                btn.addEventListener('click', () => {
                    elements.promptInput.value = btn.dataset.prompt;
                    appState.savedPrompt = btn.dataset.prompt;
                    updateUI();
                });
            });

            // 清空历史
            elements.clearHistoryBtn.addEventListener('click', clearHistory);

            // 画廊列数滑块
            elements.galleryCols.addEventListener('input', updateGalleryCols);

            // 尺寸选择器
            elements.sizeSelect.addEventListener('change', () => {
                const selectedSize = elements.sizeSelect.value;
                const sizeMap = {
                    '1:1(512*512)': [512, 512],
                    '1:1(1024*1024)': [1024, 1024],
                    '4:3(1152*896)': [1152, 896],
                    '3:4(768*1024)': [768, 1024],
                    '16:9(1024*576)': [1024, 576],
                    '9:16(576*1024)': [576, 1024],
                    '3:2(1024*640)': [1024, 640],
                    '2:3(640*1024)': [640, 1024]
                };

                const dimensions = sizeMap[selectedSize];
                if (dimensions) {
                    elements.widthInput.value = dimensions[0];
                    elements.heightInput.value = dimensions[1];
                }
            });

            // 输入框变化
            elements.promptInput.addEventListener('input', () => {
                appState.savedPrompt = elements.promptInput.value;
                updateUI();
            });

            // API密钥变化 - 实时保存到localStorage
            elements.apiKey.addEventListener('input', () => {
                saveState();
            });

            // 清空API密钥按钮
            elements.clearApiKeyBtn.addEventListener('click', () => {
                if (confirm('确定要清空API密钥吗？')) {
                    elements.apiKey.value = '';
                    localStorage.removeItem('apiKey');
                    saveState();
                    showToast('🗑️ API密钥已清空', 'info');
                }
            });
        }

        // 更新画廊列数
        function updateGalleryCols() {
            const cols = elements.galleryCols.value;
            elements.galleryColsValue.textContent = cols;
            elements.galleryGrid.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;
            saveState();
        }

        // 更新UI
        function updateUI() {
            // 更新按钮状态
            elements.generateBtn.disabled = appState.isGenerating;
            elements.generateBtnText.textContent = appState.isGenerating ? '🔄 生成中...' : '✨ 立即生成';

            // 更新输入框状态
            elements.promptInput.disabled = appState.isGenerating;

            // 显示/隐藏灵感区域
            elements.inspirationSection.style.display =
                !appState.isGenerating && !appState.savedPrompt && !appState.hasGenerated ? 'block' : 'none';

            // 更新统计
            updateStats();

            // 更新画廊
            renderGallery();

            // 显示/隐藏统计区域
            elements.statsSection.style.display = appState.history.length > 0 ? 'block' : 'none';
        }

        // 更新统计信息
        function updateStats() {
            const count = appState.history.length;
            elements.historyCount.textContent = count;

            if (count > 0) {
                const recentHistory = appState.history.slice(0, 5);
                const avgDuration = recentHistory.reduce((sum, item) => sum + parseFloat(item.duration), 0) / recentHistory.length;
                elements.avgDuration.textContent = avgDuration.toFixed(1).toString() + 's';

                // 更新总统计信息
                const totalDuration = appState.history.reduce((sum, item) => sum + parseFloat(item.duration), 0);
                const totalAvgDuration = totalDuration / count;

                elements.totalImages.textContent = count.toString();
                elements.totalAvgDuration.textContent = totalAvgDuration.toFixed(1).toString() + 's';
                elements.totalDuration.textContent = Math.round(totalDuration).toString() + 's';
            } else {
                elements.avgDuration.textContent = '0s';
                elements.totalImages.textContent = '0';
                elements.totalAvgDuration.textContent = '0s';
                elements.totalDuration.textContent = '0s';
            }
        }

        // 渲染画廊
        function renderGallery() {
            if (appState.history.length === 0) {
                elements.emptyState.style.display = 'block';
                elements.galleryGrid.style.display = 'none';
                return;
            }

            elements.emptyState.style.display = 'none';
            elements.galleryGrid.style.display = 'grid';

            elements.galleryGrid.innerHTML = appState.history.map(item => `
                <div>
                    <div class="gallery-card">
                        <img src="data:image/png;base64,${item.base64_image}" alt="AI Generated Image" loading="lazy">
                        <div class="image-info">
                            <div style="display: flex; justify-content: space-between; align-items: center;">
                                <span style="font-size: 0.9rem;">⏱️ ${item.duration}s</span>
                                <span style="font-size: 0.9rem;">🌱 ${item.seed}</span>
                            </div>
                            <div style="font-size: 0.8rem; margin-top: 0.5rem; opacity: 0.8;">
                                ${item.time}
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 0.5rem;">
                        <button class="btn-download" onclick="downloadImage('${item.base64_image}', '${item.id}')">
                            💾 下载作品 #${item.id.slice(-6)}
                        </button>
                    </div>
                </div>
            `).join('');
        }

        // 生成图片
        async function generateImage() {
            const prompt = elements.promptInput.value.trim();
            const apiKey = elements.apiKey.value.trim();
            const apiEndpoint = elements.apiEndpoint.value.trim();

            if (!apiKey) {
                showToast('请先在左侧侧边栏配置 API Key', 'error');
                return;
            }

            if (!prompt) {
                showToast('请输入提示词', 'error');
                return;
            }

            appState.isGenerating = true;
            updateUI();

            try {
                // 显示状态指示器
                elements.statusContainer.style.display = 'block';
                elements.statusTitle.textContent = '🚀 AI 正在处理您的请求...';
                elements.statusText.textContent = '🔍 验证生成参数...';
                elements.progressFill.style.width = '10%';

                // 准备参数
                const useRandom = elements.useRandomToggle.checked;
                const seed = useRandom ? Math.floor(Date.now() / 1000) % 1000000000 : parseInt(elements.seedInput.value);
                const steps = parseInt(elements.stepsInput.value) || 9;
                const width = parseInt(elements.widthInput.value);
                const height = parseInt(elements.heightInput.value);

                const headers = {
                    'Authorization': `Bearer ${apiKey}`,
                    'Content-Type': 'application/json'
                };

                // 构建符合gitee API的payload
                const payload = {
                    prompt: prompt,
                    model: "z-image-turbo",
                    seed: seed,
                    num_inference_steps: steps
                };

                // 添加尺寸参数（width和height与size互斥，只传一个）
                if (width && height) {
                    payload.width = width;
                    payload.height = height;
                }

                // 模拟进度
                setTimeout(() => {
                    elements.statusText.textContent = '🌐 连接AI服务器...';
                    elements.progressFill.style.width = '30%';
                }, 500);

                setTimeout(() => {
                    elements.statusText.textContent = '📤 发送创作指令...';
                    elements.progressFill.style.width = '50%';
                }, 1000);

                setTimeout(() => {
                    elements.statusText.textContent = '🎨 AI 创作中...';
                    elements.progressFill.style.width = '70%';
                }, 1500);

                // 发送请求
                const response = await fetch(apiEndpoint, {
                    method: 'POST',
                    headers: headers,
                    body: JSON.stringify(payload)
                });

                if (response.ok) {
                    const data = await response.json();
                    const base64Str = data.data && data.data[0] ? data.data[0].b64_json : null;

                    if (base64Str) {
                        elements.progressFill.style.width = '90%';
                        elements.statusText.textContent = '📥 接收作品数据...';

                        setTimeout(() => {
                            elements.progressFill.style.width = '100%';
                            elements.statusText.textContent = '✨ 作品完成!';

                            // 添加到历史记录
                            const timestamp = new Date().toLocaleTimeString();
                            const duration = 5; // 模拟耗时，实际应该计算

                            appState.history.unshift({
                                id: Date.now().toString(),
                                prompt: prompt,
                                base64_image: base64Str,
                                seed: seed,
                                time: timestamp,
                                duration: duration
                            });

                            appState.hasGenerated = true;
                            appState.isGenerating = false;

                            saveState();
                            updateUI();

                            showToast('🎉 作品创作完成!', 'success');

                            // 模拟庆祝效果
                            setTimeout(() => {
                                elements.statusContainer.style.display = 'none';
                            }, 2000);
                        }, 1000);
                    } else {
                        throw new Error('服务器返回成功但缺少图片数据');
                    }
                } else {
                    const errorText = await response.text();
                    throw new Error('API 错误 ' + response.status + ': ' + errorText);
                }
            } catch (error) {
                console.error('生成错误:', error);
                appState.isGenerating = false;
                updateUI();
                elements.statusContainer.style.display = 'none';

                if (error.name === 'TypeError' && error.message.includes('fetch')) {
                    showToast('🌐 无法连接到AI服务器，请检查网络连接', 'error');
                } else if (error.message.includes('timeout')) {
                    showToast('⏱️ 服务器响应超时，请稍后重试', 'error');
                } else {
                    showToast('💥 系统错误: ' + error.message, 'error');
                }
            }
        }

        // 清空历史
        function clearHistory() {
            if (confirm('确定要删除所有生成的历史图片吗？')) {
                appState.history = [];
                appState.hasGenerated = false;
                saveState();
                updateUI();
                showToast('🗑️ 历史记录已清空', 'info');
            }
        }

        // 下载图片
        function downloadImage(base64Data, id) {
            const link = document.createElement('a');
            link.href = `data:image/png;base64,${base64Data}`;
            link.download = `AI-Art-${id}.png`;
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }

        // 显示提示
        function showToast(message, type = 'info') {
            // 创建提示元素
            const toast = document.createElement('div');
            toast.style.cssText = `
                position: fixed;
                top: 20px;
                right: 20px;
                padding: 1rem 1.5rem;
                background: rgba(0,0,0,0.8);
                color: white;
                border-radius: 8px;
                z-index: 10000;
                font-size: 0.9rem;
                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
                animation: slideIn 0.3s ease-out;
            `;

            // 根据类型设置颜色
            if (type === 'error') {
                toast.style.background = 'rgba(220, 38, 38, 0.9)';
            } else if (type === 'success') {
                toast.style.background = 'rgba(16, 185, 129, 0.9)';
            }

            toast.textContent = message;
            document.body.appendChild(toast);

            // 3秒后自动移除
            setTimeout(() => {
                toast.style.animation = 'slideOut 0.3s ease-out';
                setTimeout(() => {
                    if (toast.parentNode) {
                        toast.parentNode.removeChild(toast);
                    }
                }, 300);
            }, 3000);
        }

        // 添加CSS动画
        const style = document.createElement('style');
        style.textContent = `
            @keyframes slideIn {
                from { transform: translateX(100%); opacity: 0; }
                to { transform: translateX(0); opacity: 1; }
            }

            @keyframes slideOut {
                from { transform: translateX(0); opacity: 1; }
                to { transform: translateX(100%); opacity: 0; }
            }
        `;
        document.head.appendChild(style);

        // 初始化应用
        document.addEventListener('DOMContentLoaded', initApp);
    

PoweredBy

ShowImageWeb - Gitee AI图像生成器

✅ Low Risk - https://ai-box-z-image-8n4i3s4ale.edgeone.dev/

Requests	IP Address	Location	AS Autonomous System
1	43.174.247.29	Singapore	AS139341ACE
0	43.174.246.29	Singapore	AS139341ACE
1	2	-	-

Security Scan Report: ai-box-z-image-8n4i3s4ale.edgeone.dev

Summary

AI Security Verdict

Low Risk

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History