• 支持的图片格式：JPG, JPEG, PNG, BMP, WEBP, TIFF等
- • 图片大小：不超过50MB，不限制分辨率（建议按业务需求控制尺寸） + • 图片大小：不超过20MB，不限制分辨率（建议按业务需求控制尺寸）
• 返回的链接有效期为1小时，系统会自动下载并存储到S3
@@ -784,7 +784,7 @@ export function LocalAiImagePipelineSections({• 支持2x、4x、8x放大倍数
• 处理时间：通常1-10秒，取决于图片大小
• 支持格式：JPG, PNG, JPEG等常见图片格式
-• 文件限制：最大50MB
+• 文件限制：最大20MB
diff --git a/app/(chat)/api/files/direct-upload/route.ts b/app/(chat)/api/files/direct-upload/route.ts index bfdb9fa1f..2bbfd6842 100644 --- a/app/(chat)/api/files/direct-upload/route.ts +++ b/app/(chat)/api/files/direct-upload/route.ts @@ -13,6 +13,10 @@ import { z } from "zod"; import { auth } from "@/app/(auth)/auth"; import { upsertMediaAsset } from "@/lib/db/queries"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; import { createLogger } from "@/lib/observability/logger"; import { buildS3PublicUrl, @@ -160,7 +164,10 @@ function isAllowedDirectUpload( ); } -function getPurposeMaxBytes(purpose?: string) { +function getPurposeMaxBytes(purpose?: string, contentType?: string) { + if (String(contentType || "").toLowerCase().startsWith("image/")) { + return IMAGE_UPLOAD_MAX_BYTES; + } if (purpose === OPENCLAW_CHAT_VIDEO_UPLOAD_PURPOSE) { return OPENCLAW_CHAT_VIDEO_MAX_BYTES; } @@ -281,9 +288,14 @@ export async function POST(request: Request) { { status: 400 } ); } - if (payload.size > getPurposeMaxBytes(payload.purpose)) { + const maxBytes = getPurposeMaxBytes(payload.purpose, contentType); + if (payload.size > maxBytes) { return NextResponse.json( - { error: `文件不能超过 ${getPurposeMaxBytes(payload.purpose) / 1024 / 1024}MB` }, + { + error: contentType.startsWith("image/") + ? IMAGE_UPLOAD_TOO_LARGE_MESSAGE + : `文件不能超过 ${maxBytes / 1024 / 1024}MB`, + }, { status: 413 } ); } @@ -390,8 +402,15 @@ export async function POST(request: Request) { if (!isAllowedDirectUpload(contentType, payload.purpose, payload.filename)) { return NextResponse.json({ error: "不支持续传该文件类型" }, { status: 400 }); } - if (payload.size > getPurposeMaxBytes(payload.purpose)) { - return NextResponse.json({ error: "文件超过允许的上传大小" }, { status: 413 }); + if (payload.size > getPurposeMaxBytes(payload.purpose, contentType)) { + return NextResponse.json( + { + error: contentType.startsWith("image/") + ? IMAGE_UPLOAD_TOO_LARGE_MESSAGE + : "文件超过允许的上传大小", + }, + { status: 413 } + ); } const expectedPartSize = computePartSize(payload.size); if (payload.partSize !== expectedPartSize) { @@ -505,8 +524,15 @@ export async function POST(request: Request) { { status: 400 } ); } - if (payload.size > getPurposeMaxBytes(payload.purpose)) { - return NextResponse.json({ error: "文件超过允许的上传大小" }, { status: 413 }); + if (payload.size > getPurposeMaxBytes(payload.purpose, contentType)) { + return NextResponse.json( + { + error: contentType.startsWith("image/") + ? IMAGE_UPLOAD_TOO_LARGE_MESSAGE + : "文件超过允许的上传大小", + }, + { status: 413 } + ); } if (payload.uploadId) { diff --git a/app/(chat)/api/files/upload/route.ts b/app/(chat)/api/files/upload/route.ts index 26adc7335..1da734227 100644 --- a/app/(chat)/api/files/upload/route.ts +++ b/app/(chat)/api/files/upload/route.ts @@ -1,5 +1,9 @@ import { NextResponse } from "next/server"; import { z } from "zod"; +import { + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, + isImageUploadTooLarge, +} from "@/lib/image-upload-limits"; import { auth } from "@/app/(auth)/auth"; import { createAgentWorkflowPreviewImageBuffer } from "@/lib/agents/workflow-preview-images"; @@ -260,6 +264,12 @@ export async function POST(request: Request) { const clientUploadId = String(formData.get("clientUploadId") || "").trim() || null; const isSvgUpload = contentType === "image/svg+xml"; + if (contentType.startsWith("image/") && isImageUploadTooLarge(file.size)) { + return NextResponse.json( + { error: IMAGE_UPLOAD_TOO_LARGE_MESSAGE }, + { status: 413 } + ); + } if ( isSvgUpload && (uploadPurpose !== "admin-svg-icon" || !isSiteAdminType(session.user.type)) diff --git a/components/agents/AgentGenerationWorkspaceDarkV2.tsx b/components/agents/AgentGenerationWorkspaceDarkV2.tsx index 09f25f815..7d671d154 100644 --- a/components/agents/AgentGenerationWorkspaceDarkV2.tsx +++ b/components/agents/AgentGenerationWorkspaceDarkV2.tsx @@ -38,6 +38,10 @@ import { Settings2, } from "lucide-react"; import { toast } from "sonner"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; import { Button } from "@/components/ui/button"; import { ClientErrorBoundary } from "@/components/ui/client-error-boundary"; import { @@ -305,7 +309,7 @@ const MAX_CHAT_HIDDEN_PROMPT_LENGTH = 4000; const MAX_CHAT_ATTACHMENT_NAME_LENGTH = 100; const MAX_AGENT_MODE_QUERY_LENGTH = 64; const MAX_AGENT_MODE_REFERENCE_COUNT = 40; -const DETAIL_LOCAL_EDIT_REFERENCE_MAX_UPLOAD_BYTES = 30 * 1024 * 1024; +const DETAIL_LOCAL_EDIT_REFERENCE_MAX_UPLOAD_BYTES = IMAGE_UPLOAD_MAX_BYTES; const REPLACEMENT_RERUN_MAX_REFERENCE_IMAGES = 4; const DETAIL_LOCAL_EDIT_MIN_RECT_RATIO = 0.025; const DETAIL_SCALE_TARGET_MIN_PERCENT = -80; @@ -837,7 +841,7 @@ async function uploadDetailLocalEditReferenceImage( throw new Error("请上传图片文件"); } if (file.size > DETAIL_LOCAL_EDIT_REFERENCE_MAX_UPLOAD_BYTES) { - throw new Error("参考图过大，请先压缩到 30MB 以内"); + throw new Error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); } const formData = new FormData(); diff --git a/components/agents/detail-reference-upload.ts b/components/agents/detail-reference-upload.ts index 28d9cf3ee..dd62e5ce9 100644 --- a/components/agents/detail-reference-upload.ts +++ b/components/agents/detail-reference-upload.ts @@ -1,7 +1,11 @@ import { fetchUploadWithRetry } from "@/lib/client/upload-with-retry"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; import type { AgentDetailReplacementReferenceItem } from "@/types/agent"; -const DETAIL_REFERENCE_UPLOAD_MAX_BYTES = 50 * 1024 * 1024; +const DETAIL_REFERENCE_UPLOAD_MAX_BYTES = IMAGE_UPLOAD_MAX_BYTES; export interface UploadedDetailReferenceImage { url: string; @@ -64,7 +68,7 @@ export async function uploadDetailReferenceImageFile( throw new Error("请上传图片文件"); } if (file.size > DETAIL_REFERENCE_UPLOAD_MAX_BYTES) { - throw new Error("目标详情图过大，请压缩到 50MB 以内"); + throw new Error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); } const dimensionsPromise = readLocalImageDimensions(file); diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx index 5335e7695..82b86c089 100644 --- a/components/canvas/CanvasChatPanel.tsx +++ b/components/canvas/CanvasChatPanel.tsx @@ -13331,8 +13331,9 @@ export function CanvasChatPanel({ return null; } - if (file.size > 50 * 1024 * 1024) { - toast.error('图片大小不能超过 50MB'); + const validation = validateCanvasImageUploadFile(file); + if (!validation.ok) { + toast.error(validation.message); return null; } @@ -14509,8 +14510,9 @@ export function CanvasChatPanel({ continue; } - if (file.size > 50 * 1024 * 1024) { - toast.error('图片大小不能超过 50MB'); + const validation = validateCanvasImageUploadFile(file); + if (!validation.ok) { + toast.error(validation.message); continue; } diff --git a/components/canvas/CanvasWorkspace.tsx b/components/canvas/CanvasWorkspace.tsx index 67e9d87b9..1b13cc527 100644 --- a/components/canvas/CanvasWorkspace.tsx +++ b/components/canvas/CanvasWorkspace.tsx @@ -66,6 +66,10 @@ import { type CanvasAgentPendingRequestWindow, } from "@/lib/canvas/agent-pending-requests"; import { inferOriginalImageUrl } from "@/lib/image-url"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; type ImageNodeModule = typeof import("./nodes/ImageNode"); type Model3DNodeModule = typeof import("./nodes/Model3DNode"); @@ -1569,8 +1573,8 @@ export function CanvasWorkspace({ for (let index = 0; index < files.length; index += 1) { const file = files[index]; if (!isImageFile(file)) continue; - if (file.size > 50 * 1024 * 1024) { - toast.error("图片大小不能超过 50MB"); + if (file.size > IMAGE_UPLOAD_MAX_BYTES) { + toast.error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); continue; } diff --git a/components/canvas/chat-panel/canvas-upload-helpers.ts b/components/canvas/chat-panel/canvas-upload-helpers.ts index 392c7955e..66d4adef7 100644 --- a/components/canvas/chat-panel/canvas-upload-helpers.ts +++ b/components/canvas/chat-panel/canvas-upload-helpers.ts @@ -1,6 +1,10 @@ import type { PickedObjectAttachment } from "@/components/canvas/chat-panel/canvas-chat-session"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; -export const CANVAS_IMAGE_UPLOAD_MAX_BYTES = 50 * 1024 * 1024; +export const CANVAS_IMAGE_UPLOAD_MAX_BYTES = IMAGE_UPLOAD_MAX_BYTES; export type CanvasUploadFileLike = { name: string; @@ -18,7 +22,7 @@ export function validateCanvasImageUploadFile(file?: CanvasUploadFileLike | null return { ok: false, message: "请上传图片文件" }; } if (file.size > CANVAS_IMAGE_UPLOAD_MAX_BYTES) { - return { ok: false, message: "图片大小不能超过 50MB" }; + return { ok: false, message: IMAGE_UPLOAD_TOO_LARGE_MESSAGE }; } return { ok: true }; } diff --git a/components/canvas/nodes/ImageNode.tsx b/components/canvas/nodes/ImageNode.tsx index d8323cd81..d710788a4 100644 --- a/components/canvas/nodes/ImageNode.tsx +++ b/components/canvas/nodes/ImageNode.tsx @@ -46,6 +46,10 @@ import { useParams, useRouter } from "next/navigation"; import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react"; import { createPortal } from "react-dom"; import { toast } from "sonner"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; import useSWR from "swr"; import { AgentExecutionSnapshotDialog } from "@/components/agents/AgentExecutionSnapshotDialog"; import { CanvasLayoutReplaceBatchDialog } from "@/components/canvas/CanvasLayoutReplaceBatchDialog"; @@ -653,7 +657,7 @@ const normalizeTextEditItems = ( .filter((item): item is ImageTextEditItem => !!item); }; -const CHAT_ATTACHMENT_MAX_UPLOAD_BYTES = 30 * 1024 * 1024; +const CHAT_ATTACHMENT_MAX_UPLOAD_BYTES = IMAGE_UPLOAD_MAX_BYTES; const CHAT_ATTACHMENT_MAX_DATA_URL_LENGTH = 42 * 1024 * 1024; const CANVAS_3D_POLL_INTERVAL_MS = 2000; const CANVAS_3D_MAX_POLL_ATTEMPTS = 360; @@ -839,7 +843,7 @@ async function uploadChatAttachmentBlob(blob: Blob, displayName: string) { } if (uploadBlob.size > CHAT_ATTACHMENT_MAX_UPLOAD_BYTES) { - throw new Error("图片过大，请先压缩后再添加到对话"); + throw new Error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); } const formData = new FormData(); @@ -6322,9 +6326,8 @@ export function ImageNode({ return; } - // 验证文件大小 (50MB) - if (file.size > 50 * 1024 * 1024) { - toast.error("图片大小不能超过 50MB"); + if (file.size > IMAGE_UPLOAD_MAX_BYTES) { + toast.error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); return; } diff --git a/components/canvas/nodes/TextNode.tsx b/components/canvas/nodes/TextNode.tsx index ad690cf4e..50abbeea1 100644 --- a/components/canvas/nodes/TextNode.tsx +++ b/components/canvas/nodes/TextNode.tsx @@ -11,6 +11,10 @@ import { import type { CanvasNode, TextNodeData } from "@/types/canvas"; import { cn } from "@/lib/utils"; import { fetchUploadWithRetry } from "@/lib/client/upload-with-retry"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; import { toast } from "sonner"; interface TextNodeProps { @@ -20,7 +24,7 @@ interface TextNodeProps { } const DEFAULT_TEXT_NODE_COLOR = "#111827"; -const PASTED_IMAGE_MAX_BYTES = 50 * 1024 * 1024; +const PASTED_IMAGE_MAX_BYTES = IMAGE_UPLOAD_MAX_BYTES; const PASTED_IMAGE_MAX_SIZE = 360; const PASTED_IMAGE_MIN_SIZE = 140; @@ -127,7 +131,7 @@ export function TextNode({ const file = files[index]; if (!file.type.startsWith("image/")) continue; if (file.size > PASTED_IMAGE_MAX_BYTES) { - toast.error("图片大小不能超过 50MB"); + toast.error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); continue; } diff --git a/components/flow-board/drawnix-workspace.tsx b/components/flow-board/drawnix-workspace.tsx index bfc7084de..489bdbdd3 100644 --- a/components/flow-board/drawnix-workspace.tsx +++ b/components/flow-board/drawnix-workspace.tsx @@ -32,6 +32,10 @@ import { parseMindMapFileToDrawnixMind, } from "@/lib/flow-board/mind-map-import"; import { fetchUploadWithRetry } from "@/lib/client/upload-with-retry"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; import { FloatingLogoPill, FloatingSidebarAction, @@ -120,7 +124,7 @@ type FlowBoardMarkerSelectionState = { const FLOW_BOARD_FILES_API = "/api/flow-board/files"; const FLOW_BOARD_DEFAULT_TEXT_COLOR = DEFAULT_COLOR; -const FLOW_BOARD_IMAGE_UPLOAD_MAX_BYTES = 50 * 1024 * 1024; +const FLOW_BOARD_IMAGE_UPLOAD_MAX_BYTES = IMAGE_UPLOAD_MAX_BYTES; const FLOW_BOARD_IMAGE_UPLOAD_TYPES = new Set([ "image/jpeg", "image/png", @@ -1114,7 +1118,7 @@ export function DrawnixWorkspace({ for (let index = 0; index < supportedFiles.length; index += 1) { const file = supportedFiles[index]; if (file.size > FLOW_BOARD_IMAGE_UPLOAD_MAX_BYTES) { - toast.error("图片大小不能超过 50MB"); + toast.error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); continue; } diff --git a/components/image-annotator.tsx b/components/image-annotator.tsx index 747946b3a..37cea6c88 100644 --- a/components/image-annotator.tsx +++ b/components/image-annotator.tsx @@ -56,6 +56,10 @@ import { import { requestLongTaskResult } from "@/lib/client/long-task"; import { fetchUploadWithRetry } from "@/lib/client/upload-with-retry"; import { buildImageProxyUrl } from "@/lib/image-delivery"; +import { + IMAGE_UPLOAD_MAX_BYTES, + IMAGE_UPLOAD_TOO_LARGE_MESSAGE, +} from "@/lib/image-upload-limits"; import { createClientLogger } from "@/lib/observability/client-logger"; import { cn } from "@/lib/utils"; import { Button } from "./ui/button"; @@ -323,8 +327,8 @@ export function ImageAnnotator({ if (!file.type.startsWith("image/")) { throw new Error("请上传图片文件"); } - if (file.size > 50 * 1024 * 1024) { - throw new Error("图片大小不能超过 50MB"); + if (file.size > IMAGE_UPLOAD_MAX_BYTES) { + throw new Error(IMAGE_UPLOAD_TOO_LARGE_MESSAGE); } setIsLoading(true); @@ -2008,7 +2012,7 @@ export function ImageAnnotator({ 拖拽图片到此处、点击选择或 Ctrl+V 粘贴- 支持 JPG, PNG, WebP 格式，最大 50MB + 支持 JPG, PNG, WebP 格式，最大 20MB
=> { + const compressImage = useCallback(async (file: File, maxSizeMB = IMAGE_UPLOAD_MAX_MB): Promise