diff --git a/web/src/components/playground/ImageUrlInput.js b/web/src/components/playground/ImageUrlInput.js
index 88bbbecb..717bbf9d 100644
--- a/web/src/components/playground/ImageUrlInput.js
+++ b/web/src/components/playground/ImageUrlInput.js
@@ -3,15 +3,17 @@ import {
   Input,
   Typography,
   Button,
+  Switch,
 } from '@douyinfe/semi-ui';
 import { IconFile } from '@douyinfe/semi-icons';
 import {
   FileText,
   Plus,
   X,
+  Image,
 } from 'lucide-react';
 
-const ImageUrlInput = ({ imageUrls, onImageUrlsChange }) => {
+const ImageUrlInput = ({ imageUrls, imageEnabled, onImageUrlsChange, onImageEnabledChange }) => {
   const handleAddImageUrl = () => {
     const newUrls = [...imageUrls, ''];
     onImageUrlsChange(newUrls);
@@ -32,7 +34,7 @@ const ImageUrlInput = ({ imageUrls, onImageUrlsChange }) => {
     <div>
       <div className="flex items-center justify-between mb-2">
         <div className="flex items-center gap-2">
-          <FileText size={16} className="text-gray-500" />
+          <Image size={16} className={imageEnabled ? "text-blue-500" : "text-gray-400"} />
           <Typography.Text strong className="text-sm">
             图片地址
           </Typography.Text>
@@ -40,18 +42,32 @@ const ImageUrlInput = ({ imageUrls, onImageUrlsChange }) => {
             (多模态对话)
           </Typography.Text>
         </div>
-        <Button
-          icon={<Plus size={14} />}
-          size="small"
-          theme="solid"
-          type="primary"
-          onClick={handleAddImageUrl}
-          className="!rounded-full !w-4 !h-4 !p-0 !min-w-0"
-          disabled={imageUrls.length >= 5}
-        />
+        <div className="flex items-center gap-2">
+          <Switch
+            checked={imageEnabled}
+            onChange={onImageEnabledChange}
+            checkedText="启用"
+            uncheckedText="停用"
+            size="small"
+            className="flex-shrink-0"
+          />
+          <Button
+            icon={<Plus size={14} />}
+            size="small"
+            theme="solid"
+            type="primary"
+            onClick={handleAddImageUrl}
+            className="!rounded-full !w-4 !h-4 !p-0 !min-w-0"
+            disabled={!imageEnabled || imageUrls.length >= 5}
+          />
+        </div>
       </div>
 
-      {imageUrls.length === 0 ? (
+      {!imageEnabled ? (
+        <Typography.Text className="text-xs text-gray-500 mb-2 block">
+          图片发送已停用，启用后可添加图片URL进行多模态对话
+        </Typography.Text>
+      ) : imageUrls.length === 0 ? (
         <Typography.Text className="text-xs text-gray-500 mb-2 block">
           点击 + 按钮添加图片URL，支持最多5张图片
         </Typography.Text>
@@ -61,7 +77,7 @@ const ImageUrlInput = ({ imageUrls, onImageUrlsChange }) => {
         </Typography.Text>
       )}
 
-      <div className="space-y-2 max-h-32 overflow-y-auto">
+      <div className={`space-y-2 max-h-32 overflow-y-auto ${!imageEnabled ? 'opacity-50' : ''}`}>
         {imageUrls.map((url, index) => (
           <div key={index} className="flex items-center gap-2">
             <div className="flex-1">
@@ -72,6 +88,7 @@ const ImageUrlInput = ({ imageUrls, onImageUrlsChange }) => {
                 className="!rounded-lg"
                 size="small"
                 prefix={<IconFile size='small' />}
+                disabled={!imageEnabled}
               />
             </div>
             <Button
@@ -81,6 +98,7 @@ const ImageUrlInput = ({ imageUrls, onImageUrlsChange }) => {
               type="danger"
               onClick={() => handleRemoveImageUrl(index)}
               className="!rounded-full !w-6 !h-6 !p-0 !min-w-0 !text-red-500 hover:!bg-red-50 flex-shrink-0"
+              disabled={!imageEnabled}
             />
           </div>
         ))}
diff --git a/web/src/components/playground/SettingsPanel.js b/web/src/components/playground/SettingsPanel.js
index 150f9836..17326820 100644
--- a/web/src/components/playground/SettingsPanel.js
+++ b/web/src/components/playground/SettingsPanel.js
@@ -125,7 +125,9 @@ const SettingsPanel = ({
         {/* 图片URL输入 */}
         <ImageUrlInput
           imageUrls={inputs.imageUrls}
+          imageEnabled={inputs.imageEnabled}
           onImageUrlsChange={(urls) => onInputChange('imageUrls', urls)}
+          onImageEnabledChange={(enabled) => onInputChange('imageEnabled', enabled)}
         />
 
         {/* 参数控制组件 */}
diff --git a/web/src/components/playground/configStorage.js b/web/src/components/playground/configStorage.js
index 23ba5ccd..7ddddb3f 100644
--- a/web/src/components/playground/configStorage.js
+++ b/web/src/components/playground/configStorage.js
@@ -12,6 +12,7 @@ const DEFAULT_CONFIG = {
     seed: null,
     stream: true,
     imageUrls: [],
+    imageEnabled: false,
   },
   parameterEnabled: {
     max_tokens: true,
diff --git a/web/src/pages/Playground/Playground.js b/web/src/pages/Playground/Playground.js
index 661b0db9..1dc0b171 100644
--- a/web/src/pages/Playground/Playground.js
+++ b/web/src/pages/Playground/Playground.js
@@ -568,7 +568,7 @@ const Playground = () => {
         let messageContent;
         const validImageUrls = inputs.imageUrls.filter(url => url.trim() !== '');
 
-        if (validImageUrls.length > 0) {
+        if (inputs.imageEnabled && validImageUrls.length > 0) {
           messageContent = [
             {
               type: 'text',
@@ -643,6 +643,12 @@ const Playground = () => {
           handleNonStreamRequest(payload);
         }
 
+        if (inputs.imageEnabled) {
+          setTimeout(() => {
+            handleInputChange('imageEnabled', false);
+          }, 100);
+        }
+
         newMessage.push({
           role: 'assistant',
           content: '',
@@ -655,7 +661,7 @@ const Playground = () => {
         return newMessage;
       });
     },
-    [getSystemMessage, inputs, setMessage, parameterEnabled],
+    [getSystemMessage, inputs, setMessage, parameterEnabled, handleInputChange],
   );
 
   const completeMessage = useCallback((status = 'complete') => {