Merge pull request weaigc#94 from renqabs/main

feat: 修复图片识别异常 & 优化图片显示

src/components/chat-message.tsx

@@ -14,7 +14,7 @@ import { ChatMessageModel } from '@/lib/bots/bing/types'
 import { TurnCounter } from './turn-counter'
 import { ChatFeedback } from './chat-feedback'
 import { ChatProgress } from './chat-progress'
-
+import './imagecreator.css'
 export interface ChatMessageProps {
   index: number
   message: ChatMessageModel
@@ -56,7 +56,7 @@ export function ChatMessage({ message, index, ...props }: ChatMessageProps) {
                     // delete watermark
                     uri.searchParams.delete('c')
                     uri.searchParams.delete('o')
-                    return <a style={{ float: 'left', maxWidth: '50%' }} href={uri.toString()} target="_blank" rel="noopener noreferrer"><img src={obj.src} alt={obj.alt} width={w!} height={h!} /></a>
+                    return <a style={{ float: 'left', maxWidth: '50%' }} href={uri.toString()} target="_blank" rel="noopener noreferrer"><img className='imagecreator' src={obj.src} alt={obj.alt} width={w!} height={h!} /></a>
                   }
                 } catch (e) {
                 }

src/components/imagecreator.css

@@ -0,0 +1,9 @@
+.imagecreator {
+  border-radius: 15px;
+  border: 6px solid transparent;
+  transition: transform 0.3s;
+}
+
+.imagecreator:hover {
+  transform: scale(1.1);
+}

src/pages/api/kblob.ts

@@ -19,7 +19,7 @@ export const config = {
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
   try {
     const { knowledgeRequest, imageBase64 } = req.body as KBlobRequest
-    const headers = createHeaders(req.cookies, false)
+    const headers = createHeaders(req.cookies)
 
     const formData = new FormData()
     formData.append('knowledgeRequest', JSON.stringify(knowledgeRequest))